1、清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的兼容性 opacity:0 ...
分类:
其他好文 时间:
2018-10-11 10:22:37
阅读次数:
157
1、清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的兼容性 opacity:0 ...
分类:
其他好文 时间:
2018-10-11 10:21:13
阅读次数:
148
1、清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的兼容性 opacity:0 ...
分类:
其他好文 时间:
2018-10-10 22:04:28
阅读次数:
150
注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目,项目中多处用到了浮动和定位。为此,通过看查找资料和看学习视频,从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景:一般是将竖起来的多个盒子进行横向的排列。 浮动的负面作用:因为浮 ...
分类:
其他好文 时间:
2018-10-07 12:10:25
阅读次数:
214
1. transparent 透明的 2. placeholder 提示语 3. 写页面: 搞清楚结构层次; 保证模块化,让他们之间不能受影响——元素性质 标准流; * 浮动带来的脱离文档流撑不起父级的高度问题,可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离,文档流撑不起父级 ...
分类:
其他好文 时间:
2018-09-29 21:38:54
阅读次数:
192
浮动是css里面布局最多的一个属性,也是很重要的一个属性。 1. float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子 html结构: 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在一起,这种现象贴 ...
分类:
其他好文 时间:
2018-09-22 00:48:35
阅读次数:
190
CSS有两个性质 第一个是 :继承性 第二个是:层叠性: 选择器的一种选择能力,谁的权重大就选谁 { 里面分两种情况: 分别是 选中和没选中。 1.选不中的情况下,走继承性,(font,color,text都可以继承)继承性的权重为0 有多个父级都设置了这样的样式,走就近原则 2.选中了的情况下:得 ...
分类:
Web程序 时间:
2018-09-16 21:02:57
阅读次数:
178
1.补充 margin的margin:0 auto;可以解决元素的居中 2.css层叠的问题 css的两个性质 1.继承性:就是给父级设置的属性,同样也发生在了他的子代身上 2.层叠性:选择器的一种选择能力,谁的权重大就选谁 A,选不中,走继承关系,(font,color,text)继承的权重是0 ...
分类:
Web程序 时间:
2018-09-14 21:28:30
阅读次数:
215
学习前端知识到现在以来,自己学到了哪些东西,觉得哪些知识点难呢? HTML方面,目前就是对一些标签很熟悉,p h div ul li css方面,大的方面在我看来就是盒模型,浮动(清除浮动),定位(相对定位,绝对定位,固定定位),盒模型里面主要是margin,padding值的问题,这个margin ...
分类:
其他好文 时间:
2018-09-13 01:09:59
阅读次数:
199