1987WEB视界-分享互联网热点话题和事件

您现在的位置是:首页 > WEB开发 > 正文

WEB开发

CSS 选择器 权重 特性

1987web2024-03-25WEB开发30
1、css选择器有哪些?

1、css 选择器有哪些?

类选器(class),id选择器,标签选择器,通配符选择器(*),伪元素选择器,子选择器 ul > li,分组选择器 (class,div,li { }),后代选择器(li a{ });

2、ccs 权重 。

! important > 行内样式 style > id 选择器 > 类选择器 > 标签选择器 > 通配符选择器(*)

3、浮动 float

float:left 左浮动,right*右浮动

pc端布局 : 多个相同大小的盒子进行布局。 浮动只会影响后面的标准流。

不确定父盒子高度的情况下,需要根据子盒子的数量,内容自适应大小。不给父子盒子高度,子盒子就会撑开父亲的高度。 但是浮动的子盒子是不占位置的,父盒子高度就会为0,需要特殊处理:清除浮动。

4、清除浮动的方法 父亲没有高度,子元素浮动的情况下需要清除浮动。

(1)额外标签法 : 在最后一个浮动元素后面加一个标签,这个标签必须是个块级元素。

< div>

(2)父标签添加类名法:

style="overflaow:hidden">
/*或者 */ style="overflaow:auto">

(3) 伪元素法:" class: after "

class="clearfix ">
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}//如果是IE6/7,除了上面的代码外,需要加下面这段代码.clearfix{*zoom1} style>

(4)双伪元素法

//父元类名:clearfix.clearfix:before,.clearfix:after{content:"";dispaly:table;},.clearfix:after{clear:both;}//如果是IE6/7,除了上面的代码外,需要加下面这段代码.clearfix{*zoom1}

5、css的特性?三大特性

层叠性:样式会覆盖。

继承性:子元素样式继承父元素的一些样式。

优先级: 样式有优先级。

声明:本站所有文章,如无特殊说明或标注,均为爬虫抓取以及网友投稿,版权归原作者所有。