目录
1.什么是CSS?(层叠样式表)
2.CSS语法(选择器{属性:值;属性:值})
**CSS是控制+修饰网页内容样式
3.注释
/*...*/
4.外部样式
(1)外部样式
(2)内部样式
(3)内联样式
(4)不冲突,叠加;冲突,就近原则
(5)属性和值
5.CSS选择器
(5.1)常用兼容选择器
(1)html选择器(比较笼统)
划重点:RGB颜色6位16进制,每2位分别控制红/绿/蓝,
例如:
#00ff00 绿色
#ff0000 红色
#ff00ff 紫色 #红、蓝都参一点
(2)类选择器 (.类属性)
(3)id选择器 (#id属性)
**优先级 #id>.类>html
(4)关联选择器(包含选择器) 有空格的编辑
(5)组合选择器(选择器组)
(6)伪类选择器
(5.2)其他选择器
(1)关系型选择器
(2)属性选择器
(3)结构性伪类选择器
(4)状态伪类选择器
(5)其他伪类选择器
1.什么是CSS?(层叠样式表)
2.CSS语法(选择器{属性:值;属性:值})
**CSS是控制+修饰网页内容样式
3.注释
/*...*/
4.外部样式
(1)外部样式
(2)内部样式
(3)内联样式
(4)不冲突,叠加;冲突,就近原则
(5)属性和值
5.CSS选择器
(5.1)常用兼容选择器
(1)html选择器(比较笼统)
划重点:RGB颜色6位16进制,每2位分别控制红/绿/蓝,
例如:
#00ff00 绿色
#ff0000 红色
#ff00ff 紫色 #红、蓝都参一点
(2)类选择器 (.类属性)
class属性=cc的,采用这个标签
(3)id选择器 (#id属性)
**优先级 #id>.类>html
就算如图所示:显示绿色,因为他的优先级依次高于其他2个.
(4)关联选择器(包含选择器) 有空格的
(5)组合选择器(选择器组)
(6)伪类选择器
更具超链接的不同状态:颜色等属性的变化。
a: 超链接 link未访问 visited已访问 hove鼠标放上去 active激活(鼠标放上去en过之后的)
(5.2)其他选择器
(1)关系型选择器
1.空格 (所有)
2.> (子标签)
3.div+ (div后紧邻)
4.div~ (div后所有)
(2)属性选择器
(3)结构性伪类选择器
(4)状态伪类选择器
1.当鼠标放上去;(上面)
2.当鼠标点击。