css(1)

单位：

颜色：

color：rgb（50%，0，50%）;百分百

color：rgb（128，0，128）;数值0-255

color：#fc0eab;十六进制

color：#080;十进制

color：red;英文名

字体：

font：

Font-style：斜体

Font-weight：bold；粗体

文本：

Letter-spacing：10文字间距

Text-decoration：line-through 删除线，跳楼价

Text-decoration：underline下划线

Text-decoration：overline上划线

 

 

Margin属性

Margin-top/right/bottom/left/margin五个属性，分别表示盒模型里内容与边框的距离

水平盒子的间距为两个盒子间距的和

垂直盒子的间距为两个盒子间距的最大值

Margin值可以设置为负值

 

Padding属性

用来描述盒子模型的边框和内容之间插入对少空间

Margin是当前元素和border的距离；padding是内容和border的距离

Margin是对外，padding是对内的

Margin只对块级元素有效，padding对所有元素有效

 

盒子模型：

内容：content 元素中的内容

外边距：margin 元素外边的空间，将元素相互分开

边框：border 在元素边距内和元素边距外之间的可配置的线

内边距：padding 元素内容和元素边框之间的空间

盒子模型均可用上右下左方式设置，如没有写4个值，缺失部分的属性值与对边相同的值

盒子之间的关系：

关系文档流：标准流，在不使用其他与排列和定位相关的特殊CSS规则时，各种元素的排列规则

文本元素按照从上到下从左到右的格式布局

块级元素按照从上到下依次排列

内嵌元素按照从左到右依次排列

定位属性：

Static：静态定位

Relative：相对定位

absolute：绝对定位

fixed：固定定位

 z-index：定位属性

Overflow:scroll出现滚动条

Overflow：hidden 超出内容影藏

Word-break： break-all 文字超出自动换行

显示属性：

display：none和visibility：hidden的区别

display：none元素看不见并且不占空间

visibility：hidden元素看不见但是要占空间

内嵌元素和块级元素的相互转换：

内嵌元素---------->   块级元素：display：block

块级元素 ---------> 内嵌元素：float：left

 

 

选择格式优先级：就近原则

 

选择器优先级：

！important：最终格式---->id---->class---->element---->伪类---->*