day6

作者: Danielstar | 来源:发表于2017-02-20 20:33 被阅读0次

1.CSS的特性

1.CSS的层叠性:也就是说后来设置的样式会层叠(覆盖)之前的样式,层叠性的前提示CSS的选择器的优先级相同。

2.CSS的继承性:CSS的继承性是指,子容器的样式会继承父容器的样式。但并不是所有的样式都能继承。只有部分样式能继承,比如:文字相关字体大小、颜色、字体样式、行高、鼠标样式等。盒子相关的样式都不能继承,比如:宽高、背景色、边距、浮动、绝对定位等。

3.CSS的特殊性(优先级):

CSS的特殊性,定义CSS样式时,经常出现两个或更多规则应用在同一元素上,那么谁的优先级更高呢,这就是CSS的特殊性。

1、首先比较行内样式,行内样式优先级最高。如果嵌入样式和行内样式同时设置样式时,行内样式优先级最高。

2、其次是内嵌样式的优先级比较:

内嵌样式的,ID选择器对应的样式优先级最高。其次是Class样式;再次是标签选择器样式,再次是通配符选择器设置的样式;后面是继承的样式,最后是浏览器默认的样式。

2.CSS的标签模式设置Display属性:

display可以控制标签的显示模式。

display:none | inline | block | inline-block

继承性:无

display值的解释:

none:此元素不被显示,在文档中被移除。

block:此元素按块级元素显示:前后带换行符,自己占一行。内联元素 → 块元素

inline:此元素按内联元素显示:1个挨着1个。块元素 → 内联元素

inline-block:按行内标签进行排版,但是可以设置宽高,而且高度可以影响行高

3:CSS的颜色表示

RGB:red,green,blue三元素叠加组成不同颜色。

语法:color: rgb(33,33,33);

取值:0-255,也可以用百分比:0% - 100%

十六进制是另外一种写法:

Color:#3333333;

十六进制也是rgb的表示方法另外一种写法而已。

4:长度单位

绝对长度单位:cm:厘米,mm:毫米,in:英寸,pc:派卡(Picas)
相对长度单位:px:像素点,像素就是显示器显示的一个点。

em:1em等于当前的字体大小,单位之间的关系:1in = 2.54cm = 25.4 mm  = = 96px

相关文章

网友评论

    本文标题:day6

    本文链接:https://www.haomeiwen.com/subject/kxgewttx.html