1，首推的是合并css文件，如果页面加载10个css文件，每个文件1k，那么也要比只加载一个100k的css文件慢。 2，减少css嵌套，最好不要套三层以上。 3，不要在ID选择器前面进行嵌套，ID本来就是唯一的而且人家权值那么大，嵌套完全是浪费性能。 4，建立公共样式类，把相同样式提取出来作为公共 ...
分类：
Web程序 时间：
2019-05-12 21:22:36
阅读次数：
183
1.子级标签如果有浮动，想要设置父级标签的高度，必须给父级标签把浮动清除掉，这样高度就会由子元素高度自动撑开，不会出现元素塌陷。列如下面代码：.container ul { zoom: 1;}.container ul::after { display: block; content: ""; cl ...
分类：
Web程序 时间：
2019-03-02 12:16:33
阅读次数：
299
清除浮动： 在非IE浏览器下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除 ...
分类：
其他好文 时间：
2018-12-07 21:24:37
阅读次数：
155
注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目，项目中多处用到了浮动和定位。为此，通过看查找资料和看学习视频，从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景：一般是将竖起来的多个盒子进行横向的排列。 浮动的负面作用：因为浮 ...
分类：
其他好文 时间：
2018-10-07 12:10:25
阅读次数：
214
一.关于上篇博客的回顾 1.浮动: (1).标准文档流 (2).作用:实现元素并排 (3).特点:第一个盒子会贴父盒子的边,第二个会贴第一个盒子的边... (4).特性: ①.脱离标准文档流 ②.收缩效果 ③.字围 ④.设置浮动,任意的标签都可以设置宽高 (5).总结:要浮动一起浮动,有浮动,清除浮 ...
分类：
Web程序 时间：
2018-09-21 23:04:02
阅读次数：
293
学习前端知识到现在以来，自己学到了哪些东西，觉得哪些知识点难呢？ HTML方面，目前就是对一些标签很熟悉，p h div ul li css方面，大的方面在我看来就是盒模型，浮动（清除浮动），定位（相对定位，绝对定位，固定定位），盒模型里面主要是margin，padding值的问题，这个margin ...
分类：
其他好文 时间：
2018-09-13 01:09:59
阅读次数：
199
清除浮动的方法 其实本质叫做闭合浮动更好一些, 记住，清除浮动就是把浮动的盒子圈到里面，让父盒子闭合出口和入口不让他们出来影响其他元素。 在CSS中，clear属性用于清除浮动，其基本语法格式如下： | 属性值 | 描述 | | | | | left | 不允许左侧有浮动元素（清除左侧浮动的影响） ...
分类：
Web程序 时间：
2018-08-19 15:42:57
阅读次数：
201
清除浮动 浮动元素会脱离文档流，使得行内元素环绕它的效果，但是它也会造成父元素塌陷、元素重叠的问题，所以这个时候就需要清除浮动带来的影响。清除浮动的方法主要有三种： 以这段代码为例： 上面的代码中，由于a、b脱离文档流并分别位于content的两侧，而此时content的高度仅仅只是文字的高度，这是 ...
分类：
其他好文 时间：
2018-07-29 16:24:59
阅读次数：
130
清除浮动的方法 清除浮动方法大致有两类，一类是clear:both | left | right ,另一类则是创建BFC,细分又可以分为多种。 通过在浮动元素末尾添加一个空的标签例如并设置样式为clear:both | left | right ，其他标签br等亦可。 优点：简单。 缺点：增加了额外 ...
分类：
Web程序 时间：
2018-07-09 12:44:37
阅读次数：
213
1.给父元素加overflow:hidden 好处: 简单, 缺点:超出的尺寸的会被隐藏, 建议使用2, 3的方式 2.给父元素添加类clearfix, 内容如下: 3.与2相似, 用双伪类 ...
分类：
其他好文 时间：
2018-07-04 11:39:04
阅读次数：
133
