css是级联样式表
css术语标记语言,没有逻辑
css作用 完成网页内容的样式与布局
优缺点:可读性强,有复用性,样式被html页面绑定了,不能提供给其它html页面使用
<link rel="stylesheet" href="css文件路径">
优缺点: 可读性强,有复用性,适合团队开发(文件级别的复用性)
<标签 stype='样式1;样式2;'>
优缺点:可读性差,没有复用性,书写直接
行间式的优先级要高于一切
统配选择器
* { 样式1; } <!--表示所有样式-->
标签选择器
标签名 { 样式1; } <!--表示该标签内的样式-->
类选择器
.类名{ 样式1; } <!--表示该类内的样式-->
id选择器
#id名称{ 样式1; } <!--表示该id下的样式-->
高级选择器(简单讲解)
标签名.类名{ 样式1; } <!--同类名的情况下比较前面的标签的个数,个数越多优先级越高-->
关键字! important
写在样式后面用宫格隔开
优先级:! important > 行间式 > id > class > 标签 > 统配
从作用范围来判断的优先级:作用范围越精确,优先级越高
样式内容key如果有根据优先级进行取舍,没有则增加
如对本文有疑问, 点击进行留言回复!!
网友评论