CSS作用:
1.以统一的方式实现样式的定义
2.提高页面样式的可重用性和维护性
层叠样式表,级联样式表,简称;样式表
实现了内容(HTML)与表现(CSS0)的分离
3.CSS与HTML之间的关系
HTML:构建网页结构
CSS: 构建HTML元素样式
4.HTML属性与CSS样式的使用原则
W3C:建议尽量使用CSS样式取代HTML属性
######################
CSS样式表的使用方式(重点)
1.内联方式
将样式声明在元素的 style 属性
样式声明:表示一个具体显示效果 多个样式声明之间用 ;隔开
每个样式声明都由两部分组成
样式属性:属性值
例子;
样式属性 属性值
color 颜色英文表示法
font-size 以px或pt为单位的数
background 颜色英文表示法
设置某元素的文本颜色为红色,文字大小为 48px,背景颜色为绿色
这是一段测试文字
2.内部样式表 将样式声明定义在页面的 style 元素中 1.在中添加元素 2.在 style 中添加任意多“样式规则” 样式规则: 选择器(p,div……){ 样式声明;样式声明;……} 3.外表样式表 步骤; 1.创建一个单独的样式表文件保存样式规则 **(英文).CSS 只能编写CSS规范的内容 2.在需要的页面上引入样式表文件