CSS

  • CSS已关闭评论
  • 119 次浏览
  • A+
所属分类:Web前端
摘要

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

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 style="clear :  both"></div> 

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

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

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


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

(4)双伪元素法 

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

 

5、css的特性?三大特性

   层叠性:样式会覆盖。

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

   优先级: 样式有优先级。

 

 

 

  

 

  • 版权声明:本站原创文章,于2022年6月27日16:22:36,由 发表,共 922 字。
  • 转载请注明:CSS - 张拓的天空