CSS基础学习
2006-11-18 15:13
330 查看
CSS基础学习
1.四种类型语法(我认为)
*{...} /* 所有 */
P{...} /* HTML标记 */
.class1{...} /* 类选择器(点号) */
#id1{...} /* ID选择器(井号),(有局限性) */
2.选择符组
H1,H2,P,SPAN,H3 {...}
3.包含选择器(空格),子选择器
Table a{...}
#id1 P{...}
.class2 #sub5{...}
#id3 .class4 a{...}
4.url(...)中无需引号,不然错误
5.链接(锚伪类)示例
A{}
A:link{}
A:actiove{}
A:Hover{} /* 悬停时 */
A:visited{}
6.注释用"/* 这里是注释文字 */"
7.CSS层叠样式性,即继承性
8.优先级:最近优先原则
(1)id 最高
(2)class
(3)html
(4)...
若需要超越优先级则用"!important",示例:
P{color:#FF0000!important} /* 本来HTML标签优先级低,但此时抢先*/
.class1{color:#00FFFF}
#id{color:#0000FF} /*若无抢先,则最高*/
9.CSS各标记的组合如同九九乘法表,组合较灵活,所以要有结构有次序,不要乱了套!
1.四种类型语法(我认为)
*{...} /* 所有 */
P{...} /* HTML标记 */
.class1{...} /* 类选择器(点号) */
#id1{...} /* ID选择器(井号),(有局限性) */
2.选择符组
H1,H2,P,SPAN,H3 {...}
3.包含选择器(空格),子选择器
Table a{...}
#id1 P{...}
.class2 #sub5{...}
#id3 .class4 a{...}
4.url(...)中无需引号,不然错误
5.链接(锚伪类)示例
A{}
A:link{}
A:actiove{}
A:Hover{} /* 悬停时 */
A:visited{}
6.注释用"/* 这里是注释文字 */"
7.CSS层叠样式性,即继承性
8.优先级:最近优先原则
(1)id 最高
(2)class
(3)html
(4)...
若需要超越优先级则用"!important",示例:
P{color:#FF0000!important} /* 本来HTML标签优先级低,但此时抢先*/
.class1{color:#00FFFF}
#id{color:#0000FF} /*若无抢先,则最高*/
9.CSS各标记的组合如同九九乘法表,组合较灵活,所以要有结构有次序,不要乱了套!
相关文章推荐
- CSS基础学习10-CSS设置元素的定位
- CSS基础学习
- HTML&CSS基础学习笔记1.26-input标签重置表单
- CSS学习笔记 -- day01 CSS简介、常见属性、基础选择器
- 基础知识--Css学习笔记(一)
- html和CSS基础学习(八)
- python之 前端HTML/CSS基础知识学习笔记
- 在慕课上学习的,HTML和CSS基础学习笔记4
- css基础学习之--inline-block
- css基础学习之--媒体查询
- CSS基础学习
- Css基础学习(三)—构造块
- Css基础学习(十)—思考
- css基础学习-选择器
- Css基础学习
- 对CSS基础知识学习的一些总结
- CSS3学习(一) css基础补充
- CSS基础语法规则学习笔记
- CSS基础知识学习(一)
- 阿里免费教你学习前端开发CSS基础