外部样式表
1、作用
以独立的css样式表文件保存样式规则，可以应用在各个页面中
2、使用步骤
1、创建单独的样式表文件(*.css)
在该文件中可以编写若干样式规则
2、在需要使用该样式表文件的页面上，引入样式表文件
在页面的元素中添加以下代码：
<link rel="stylesheet" href="样式文件url">
示例：
<!doctype html>
<html>
<head>.....</head>
<body>
<div>床前明月光</div>
<div>疑是地上霜</div>
<p>举头望明月</p>
<p>低头思故乡</p>
</body>
</html>
基本排错
1、Styles 中提示 “Unknown property name”
说明 样式属性名称 写错了
2、Styles 中提示 “Invalid property value”
说明 样式属性值 写错了
CSS语法:
CSS样式表特征
1、继承性
大多数CSS属性是可以被继承的
2、层叠性
可以为一个元素定义多个样式规则
多个样式规则中，如果样式声明不重复的话，那么则可以层叠为一个样式规则
3、优先级
样式定义冲突(重复)时，会按照不同样式的优先级来应用样式
低：浏览器缺省设置(User Agent)
中：外部样式表或内部样式表
就近原则
高：内联样式
注意：继承的样式和自定义样式冲突时，永远都是以自定义的为主
4、!important 规则
显示调整样式属性的优先级
只要 !important 出现，永远都以!important 的为主
语法：
选择器{属性:属性值 !important;}
121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
