CSS: Cascading Style Sheet(层叠样式表) w3c手册
css的样式分类:
1. 行内样式:<标签名 style=”属性名1:值1;…….” >。。。。</标签>
内容
2.内部样式:<style> 选择器{属性名1:值1;…….}</style>
网页标题
内容
3. 外部样式: 是一个独立的css文件,通过html文件中link标签引入到当前网页中 如下
a) <link rel="stylesheet" type="text/css" href="abc.css" />
b) abc.css文件中的语法是:选择器{属性名1:值1;…….}
网页标题
rel="stylesheet" type="text/css" href="b.css" />
内容
p{
color:red;
font-size:14px;
}
4, 导入样式:也是一个独立的css文件,但是在css文件中通过@import命令进入(导入)到该css文件中 自然该css文件也会被html文件引入
a) html文件中:<link rel="stylesheet" type="text/css" href="abc.css" />
b) abc.css文件中:@import url("def.css");
注意:
1, 他们的优先级就是上述列出来的顺序,前面的更优先(通常就是就近原则)可以自己去测试验证
2, 通常,行内样式和导入样式不太使用。
盒子模型 元素框模型
浮动
元素定位