回顾:css的选择器:1,id。2,class。3,派生选择器。4,相邻子元素选择器。5,兄弟元素选择器。6,通用选择器。7,标签选择器。利用标签名称来做。
选择器的权重值:id是100,class:10,标签选择器:1.
我们学习HTML阶段:HTML标签分为:块标签:div,ul,dl,ol,form,p,h,dt,dd,li,tr,td,table和行标签:a ,span,行内块标签:img,input
块标签和行内块标签可以直接设置宽高,行标签不能直接设置宽高
块标签独占一行,行内块和行标签是一行输出的。
如何才能让行标签直接设置宽高呢?
我们可以通过显示样式设置来实现:显示的属性名:display。显示这个属性的值:block:块,inline-block:行内块,inline:行
除了显示标签的特征之外,我们还可以利用display的特征,来自动等分父级。在父级样式中设置display:table;在子级标签的样式里设置display:table-cell,这样就可以实现自动等分父级。
css的基本取值单位:
对于颜色取值:
颜色的样式属性名:color:
1,关键词取值:直接使用单词来代表颜色的,就叫做关键词取值、例如:div{color:red;}//意思就是:我给div的颜色设置为:红色
优点:计算机识别效率高。缺点:单词量过大,不好记忆。
2,16进制取色法:利用工具直接取色。在颜色数值前面我们加上“#”常用工具“