1.行内样式:
行内样式是使用CSS方法中最为直接的一种,它直接对HTML的标记使用style属性,然后将CSS代码直接写入其中
2.内嵌式:
内嵌式样式表就是将CSS写在
和之间,并且用标记进行声明。示例:内嵌式CSS
p{
color: #0000FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
内容1……
内容2……
内容3……
所有的CSS代码被集中在了同一区域,方便了后期维护,页面代码也大大减少。但如果一个网站拥有很多页面,对于不同页面上的
标记都采用同样风格时,内嵌式方法也有些麻烦,因此更适用于对特殊的页面设置单独的样式风格。
3.链接式:
链接式样式表使用频率最高,也是最为实用的方法,它将HTML页面与CSS样式风格分离为两个或者多个文件,实现了页面框架HTML代码与美工CSS代码的完全分离,使得前期制作和后期维护都十分方便,网站后台的技术人员与美工设计者也可以很好地分工合作。
同一个CSS文件可以链接到多个HTML文件中,甚至可以链接到整个网站的所有页面中,使网站整体风格统一、协调
@ css中属性可以重用么?
答案是不可以。
因为在css中一个元素针对某种样式只能有一种属性,如果某种样式有多个属性值,那么最下面的属性值会将之前的属性值覆盖掉。
原因是css的属性和属性值是以键值对的形式存在的,相当于js的一个map对象,只能有一个key和一个属性值,多个信息会造成浏览器识别不出来。
@ CSS伪元素有哪些不得了的用法?
先列出CSS中常用的伪类
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
:checked 选择所有选中的表单元素
:disabled 选择所有禁用的表单元素
p:first-child 父元素中第一个p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一个p元素
p:before
p:after 这两个常被用来清除浮动
@ CSS优先级算法如何计算?
css 最常用的选择符是类,即class,还有就是id 和元素,其次有通配符*还有一些伪类和伪元素。
子元素可以继承父元素的属性值。
优先级的话,id > class >元素>伪类和伪元素。! important 优先级最高,但不常用。还有一种是.id > .class 要大于. class, 既优先权可以累加
如果觉得《css 元素选择器权重 css应用范围 – CSS – 前端 css 下拉菜单选不中》对你有帮助,请点赞、收藏,并留下你的观点哦!