(1) 层叠:指的css的一个特性。
(2) 样式表:
①样式:指外观，表面的东西。Css就是处理HTML标签的样式
②表:css代码的一种规范书写格式
(3)使用方式
①在HTML页面中的<head></head>标签中间添加一个<style>css代码</style>标签，然后在style标签中写css代码(推荐)
②在HTML页面中的<head></head>标签中利用<link rel="stylesheet" href="css 文件地址”>引入css文件。(推荐，企业用法)
③在HTML标签中通过style属性来写css代码。如<pstyle="css代码”>.每个HTML标签都可以设置style 属性
(4)常用CSS属性
① background-color://设置背景颜色
②Color://设置文本颜色
③font-size//设置文本大小 默认14px（px以像素为单位）
④border：1 px solid red//设置标签的边框
1)1px表示边框宽度
2) solid表示是实线
3) red边框颜色
⑤border-redius:10px 10px 10px 10px;//设置HTML圆角
(5)Css选择器
1）id选择器
a. CSS可以通过HTML标签指定的ID属性来对一个HTML标签进行单独设置样式
b.作用：可以单独对一个标签设置样式
c.步骤
a）给要单独设置样式的HTML标签设置ID属性，值随意设置，但要满足基本的条件
b) 写CSS代码
#s1{
color:yellow;
}d.id属性值是每个HTML标签都可以设置的
e.id属性值规范
a）只能包含0-9 a-z A-Z-_
b) 不能以数字开头
2）Class
a.CSS可以通过HTML标签指定的CLASS属性值来对一部分的HTML标签设置样式
b.步骤
a）给要单独设置样式的HTML标签设置class属性，值随意设置，但要满足基本的条件
b) 写CSS代码 :
.a1{
color:red;
}
c）class属性值规范
a）只能包含0-9 a-z A-Z-_
b) 不能以数字开头
3）标签名
a.CSS通过标签名来选择要设置的HTML标签。标签选择器会选择页面上所有的同类标签
b.使用：
h1{
color:blue;
}4）伪类
a.可以针对鼠标的不同行为来对HTML标签设置不同的样式。
b.分类
a) :link 页面打开时超链接默认的样式
b) :visited 当鼠标点击过超链接后超链接所使用的样式
c) :acitve 当鼠标点击超链接不释放的时候所使用的样式
d) :hover 当鼠标悬停到HTML标签时，该HTML标签所用的样式
c. 注意：伪类的前三种是超链接专属，:hover大多数标签都可以使用
d.使用：
/*a标签点击不释放时，颜色为蓝色*/
a:active{
color:blue;
}
/*class为a1的标签鼠标悬停时，颜色为红色*/
.a1：hover{
color：red;
}
/*id为s1的超链接点击后，颜色为黄色*/
#s1：visited{
color：yellow：
}5）组合
a.可以结合其他的多个选择器一起来精确确定要设置样式的标签
b.写较复杂页面时，会有大量的class属性代码。可以通过组合选择器解决
736
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
