1.额外标签法 2.使用overflow 3.伪元素清除浮动 4.双伪元素清除浮动 <div class="main clearfix"> <div class="left"></div> <div class="right"></div> </div> ...
分类:
其他好文 时间:
2019-09-23 10:13:41
阅读次数:
127
伪元素选择器 “ : : ” 比如说 使用before和after双伪元素清除浮动 这是空元素的升级版,好处是不用单独加标签了 after可以在之后加入新内容,before在前面加内容,但是一定要加content属性,尽量 content:"." 里面加一个小点,或者其他,尽量不要为空,否则再fir ...
分类:
其他好文 时间:
2019-09-23 09:58:02
阅读次数:
93
CSS清除浮动 1.在浮动的元素上,定义父元素,然后再父元素上加固定高height。 2.在浮动的结尾处加空div标签 clear:both。 3.父级div定义 伪类:after 和 zoom。 4.父级div定义 overflow:hidden。 5.父级div也一起浮动。 6.父级div定义d ...
分类:
Web程序 时间:
2019-09-22 01:32:16
阅读次数:
101
CSS 属性操作 字体属性 color 字体颜色 font-size 字体大小(24px) font-weight 字重 font-family 字体样式 文字属性 text-align:center/left/right/justify text-decoration:none/underline ...
分类:
Web程序 时间:
2019-09-10 19:37:02
阅读次数:
114
CSS: 清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法? 1.给父元素添加声明 overflow:hidden ; (触发一个BFC) 缺点:隐藏那个内容之外的元素。 2.在浮动元素下方添加空div ,并添加声明 div { claer:both ; height : 0 ;overflow ...
分类:
其他好文 时间:
2019-08-30 22:26:30
阅读次数:
83
清除浮动的几种方法 标准流:盒子会各占整行位置。子盒子若是标准流,父盒子虽然没有高度,但是会撑开父盒子高度。 浮动:盒子浮了起来,不会占据原来的位置,若父盒子没有定义高度,则不会撑开父盒子,父盒 子高度为0。(浮动可以让多个块级元素在一行显示,且块与块之间没有空隙,但要注意给父盒子清除浮动,否则父盒 ...
分类:
其他好文 时间:
2019-08-26 09:48:56
阅读次数:
63
普通流(normal flow) 这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。 前面我们说过,网页布局的核心,就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置? CSS的定位机制有3种:普通流(标准流)、浮动和定位。 html语言当中另外一个相当重要的概念 标准流!或 ...
分类:
其他好文 时间:
2019-08-22 10:40:12
阅读次数:
144
css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理,后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取... ...
分类:
其他好文 时间:
2019-08-22 01:01:09
阅读次数:
77
一、浮动定位实现的效果 二、使用float实现浮动定位 三、使用clear属性清除浮动定位 四、浮动定位的应用(布局) 一、浮动定位实现的效果 (一)、块元素(div)在文档流中默认垂直排列,如果希望块元素在页面中水平排列,可以使块元素脱离文档流(使用float使元素浮动) 元素浮动脱离文档流之后, ...
分类:
Web程序 时间:
2019-08-20 20:36:27
阅读次数:
137
1.display:none和visibility:hidden的区别? display:none 隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢, 就当他从来不存在。 visibility:hidden 隐藏对应的元素,但是在文档布局中仍保留原来的空间。 2.清除浮动的几种方式, ...
分类:
其他好文 时间:
2019-08-17 12:39:42
阅读次数:
86