层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

 

　　CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

 

　　行间样式：body中的style添加页面级：head 中外部css文件：head中

 

　　id=""对应 class=""对应标签对应name对应通配符：所有标签 对应

 

　　父子选择器 :选择了所有子，用空格分开

 

　　直接子元素选择器：只选择儿子

 

　　并列选择器：选择同时满足的标签

 

　　note:同一排选择器，权重相加取其大，若是一样，后来先到。

 

　　伪类选择器

 

　　同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。

 

　　伪类选择器分为两种。

 

　　静态伪类：只能用于超链接的样式.

 

　　超链接点击之前 链接被访问过之后

 

　　note：以上两种样式，只能用于超链接。

 

　　动态伪类：针对所有标签都适用的样式。如下：

 

　　“悬停”：鼠标放到标签上的时候 “激活”： 鼠标点击标签，但是不松手时。 是某个标签获得焦点时的样式（比如某个输入框获得焦点）

 

　　note：以上三种样式，只能用于超链接。

 

　　行级(内联)元素：内容决定元素所占位置，不可以通过css改变宽高。

 

　　例如;span,strong,em,a,del.块级元素：独占一行，可以通过css改变宽高。

 

　　例如：div p ul ol li form adress行内区块元素：既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。

 

　　note：可以通过display更改，带inline的元素有文字属性，通配符选择器可以用来初始化。

 

　　网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

 

　　padding最多四个值分别 上右下左margin最多三值上 （左/右）下

 

　　note：body默认margin为0

 

　　position用于定位，right/left、top/bottom表示距左，上多少像素。

 

　　属性详解absolute脱离原来位置定位related保留原来位置定位

 

　　一般用relative做参照物，absolute进行定位。

 

　　bfc是block format conext，用于改变盒子里面的语法规则

 

　　加粗:<=>

 

　　其他属性:lighter->normal->bold->bolder斜体：<=>

 

　　其他属性: normal intalic oblique inherit分别是默认值、斜体、倾斜、继承字体：font-family：arial（jobs创的）颜色：color: 1. 英文 2. 数字 3. 函数边框：border：10px solid(实) black

 

　　note:设置单边border-left-color：transparent（透明色）对齐方式： text-align首行缩进：text-indent：xxem（xx个文本）

 

　　note:1em = 1 *font-size = 16px下划线：text-derocation <=>鼠标 cursor：help