Web网页开发-CSS层叠样式表1-笔记

发布时间:2024年01月03日

1.CSS的引入方式
(1)内嵌式:把style双标签写在head标签里面,可以影响同种标签
(2)行内式:把style写在标签内部,只能影响当前标签
(3)外链式:创建css文件,使用link将html文件和css文件连接起来
(4)导入式:@import url();将css文件中的内容导入到style标签中


2.CSS的四种基础选择器
(1)标签选择器:使用标签名设置样式,给同标签
(2)类选择器:通过".类名"的方式进行调用,通过类名设置设置样式
(3)id选择器:唯一的,不允许重复,使用"#id名"进行调用
(4)全局选择器:所有标签的样式


3.十六进制表示颜色前需要加#
4.优先级:id选择器>类选择器>标签>全局
5.文本的水平位置:text-align[标题、段落]
6.文本的首行缩进:text-indent:数值+em/px;
? ?文本装饰:text-decoration:cssnderline[下划线] line-through[删除线] overline[上划线]
7.行高:line-height


8.CSS的五种复合选择器
(1)后代选择器:中间用空格隔开[父-子]
(2)子元素选择器:中间用>隔开,只能选择前面标签的儿子
(3)并集选择器:中间用,隔开,表示和
(4)交集选择器:前面是标签名,后面是类名[.类名],中间不能有空格,既...又...
(5)伪类选择器:hover表示鼠标滑过或者鼠标悬停


9. 超链接:<a></a>
属性:
inherit:继承
text-decoration:去除文本装饰
鼠标滑过 a:hover{

}


10.CSS的三大特征
(1)继承性:子级会继承父级的样式,color,font-,line-height
? ? ? ? ? ? ? ? ? ?超链接自带颜色和下划线,不会继承父级的样式,用color:inherit;去除
(2)层叠性:对于同一个选择器,设置相同样式,后面的样式会把前面的样式层叠掉
(3)优先级:
? ? ? ? ? ? ? ? ? ?id>类>标签>全局
? ? ? ? ? ? ? ? ? ?权重:全局[0] ?标签[1] ? ?类[10] ? id[100] ?行内式[1000]? !important[无穷大]
? ? ? ? ? ? ? ? ? ?优先级:!important>行内式>id>类和伪类>标签>全局和继承

文章来源:https://blog.csdn.net/pinbodeshaonian/article/details/135334583
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。