为网页添加样式
术语解释
h1{
color: #ff0000;
background-color: black;
text-align: center;
}
CSS规则 = 选择器 + 生命块
选择器
选择器: 选中元素
- ID选择器:选中的是对应id值的元素
- 元素选择器
- 类选择器
声明块
出现在大括号中
声明块中包含很多声明(属性),每一个声明(属性)表达了某一方面的样式。
CSS代码书写位置
- 内部样式表
书写在style元素中
- 内联样式表,元素样式表
直接书写在元素的style属性中
- 外部样式表[推荐]
将样式书写到独立的css文件中。
1). 外部样式可以解决多页面样式重复的问题
2). 有利于浏览器缓存,从而提高页面响应速度
3). 有利于代码分离(HTML和CSS), 更容易阅读和维护