【css整理之-----------基本知识】的更多相关文章

css整理之-----------基本知识

盒子模型 所有HTML元素可以看作盒子,它包括:边距,边框,填充,和实际内容. CSS中组成一个块级盒子需要: Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height. Padding box: 包围在内容区域外部的空白区域: 大小通过 padding 相关属性设置. Border box: 边框盒包裹内容和内边距.大小通过 border 相关属性设置. Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域.大小通过 margin 相…

css+js+html基础知识总结

css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式)>[id>class>tag](选择器) 样式的优先级:(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style 3.继承是CSS的一个主要特征,它是依赖于祖先-后代的关系的.继承是一种机…

CSS的一些基础知识

<!DOCTYPE html><html><head><meta charset="utf-8"><title>标题</title><meta name="keywords" content="关键字" /><meta name="description" content="页面描述" /> <!--<…

java基础57 css样式、选择器和css定位（网页知识）

本文知识点(目录): 1.CSS样式    2.选择器    3.CSS定位 1.CSS样式 1.html 在一个网页中负责的是一个页面的结构    2.css(层叠样式表)在一个页面中负责了一个页面的样式. css文档(教程):http://www.w3school.com.cn/css/index.asp 1.1.编写css代码的方式 第一种方式:在style标签中编写css代码.  缺点:只能用于本页中复用性不强. 格式: <style type="text/css">…

css整理之-----------选择器

背景 在20年初时总感觉自己的css 不够用,想把css 相关的东西整理下,去年一整年都比较忙,忙着就到2021了,今天趁着有点时间,先从选择器开始吧. 听说图片可以提升颜值.... 选择器 CSS选择器用于选择你想要的元素的样式.简单划分为简单选择器.组合选择器.伪类选择器. 简单选择器 通配符 标签选择器 类选择器 id选择器 属性选择器 属性选择器还有如下语法: 选择器 描述 [attribute] 用于选取带有指定属性的元素. [attribute=value] 用于选取带有指定属性和值…

css整理之-----------技巧、黑魔法

css 看起来比较简单,但是要想做的好也不是那么容易,我们在平时开发中,主要用css 来美化我们的html结构,所有我觉得css 还是挺重要的,这里记录整理一些关于css 的技巧以及容易忘记的知识点. 1.css 问题解决思路 在遇到css问题时,我一般从以下思路来思考 从元素本身的属性出发,组合各种可能: 尝试如果把相关属性设置为负数是否可以解决,如边框重叠问题: 如果第一步没有成功,那么在元素之外(或者之内)套一层元素,再次尝试: 一般问题都能在第二步解决,如果还是没有,那就要求助场外观众了…

css整理－06 表和列表

表格式化 表布局 table, display:table caption, display: table-caption thead, display: table-header-group tbody, display: table-row-group tr, display: table-row td,td, display:table-cell tfoot, display:table-footer-group col, display:table-column 以行为主 css将其表模…

css整理－01选择器和继承

元素 元素形式: 替换,非替换 元素类型: 块级,行内 列表是特殊的块级元素,它会生成一个标记符 样式表 候选样式表: rel='alternative' @import导入样式表,必须在style的开头:结构可以为 <style type='text/css'> @import url(a.css) print; <style/> 注释: /**/ 选择器 关键字一般用空格分开,一种特殊情况就是,设置字体大小和行高 font: large/150% sans-serif; 属性选…

前端必会css整理

1.设置css样式的三种方式?         外部样式表,引入一个外部css文件         内部样式表,将css代码放在<head>标签内部         内联样式,将css样式直接定义在html元素内部 2.css有哪些选择器?         id选择器         类选择器         标签选择器         又可以细分为:         派生选择器(包括后代选择器.子元素选择器.相邻兄弟选择器)         伪元素选择器         属性选择器    …

高效 css 整理

避免通用规则 请确保规则不以通用类型作为结束! 不要用标签名或 classes 来限制 ID 规则 如果规则的关键选择器为 ID 选择器,则没有必要为规则增加标签名.因为 ID 是唯一的,增加标签只会拖慢匹配过程. 差 button#backButton {…} 差 .menu-left#newMenuIcon {…} 好 #backButton {…} 好 #newMenuIcon {…} 例外:When it’s desirable to change the class of an ele…