CSS的基本语法学习
1. CSS是Cascading Style Sheets的缩写
2. 可以同时改变站点中所有页面的布局和外观
1) 便于维护修改
2) 可以节省代码量
3) 增强格式化能力
4) 提高工作效率
3. CSS的基本语法
1)语法:选择器{声明}
H1(选择器) {text-align:center; color:red;}
2)选择器1,选择器2,…{声明}
H1,h2,h2,h4{ text-align:center; color:red;}
4. 插入样式的三种方式
1) 内联方式:直接设置HTML元素属性的方法。
2) 内部样式表:使用<style>块。
3) 外部样式表:使用CSS样式表文件。
5.
元素标签 |
元素标签{} |
类选择器 |
.样式名{} 元素名称.分类名{} |
ID选择器 |
#样式名{} |
关联选择器(table h1 包含) |
元素名 元素名…{} |
伪元素选择器 |
A:link A:active A:visited A:hover |
ID选择器:为标有特定id的HTML元素指定特定的样式
指定某一个元素的样式,利用唯一ID关联
类选择器:实现相同文本的多种样式
P.first{ color: green }
P.second{ color: purple }
<p class="first">first</p>
<p class=“second”>second</p>
伪选择器(CSS伪类)
伪类代表页面中出于某种特定状态中的元素