1. CSS样式
内部样式表
<head>
<style type="text/CSS">
选择器{属性1:属性值1; 属性2:属性值2; 属性3: 属性值3;}
</style>
</head>
行内式（内联样式）
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3: 属性值3;">内容</标签名>
外部样式表（外链式）
<head>
<link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
</head>
2. CSS选择器
- 标签选择器：
- 如 span{}
- 直接用HTML标签作为选择器
- ID选择器：
- 如 #id{}
- 在标签中使用id属性值；
- 在CSS中使用（#id名）的形式作为选择器
- 同一个页面中id名不能重复
- 类选择器：
- 如 .class{}
- 在标签中使用class属性名命名
- 在CSS中使用（.class名）的形式作为选择器
- 类样式可以被多个元素复用
- 属性选择器：
- 如 a[href=“segmentfault.com”]{}
- 伪类选择器：
- 如 :hover{}
- 伪元素选择器：
- 如 ::before{}
- 通配选择器：
- 如 *{}
扫一扫
655
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
