css
看客随心
这个作者很懒,什么都没留下…
展开
-
IE盒模型与W3C标准盒模型
网页盒子模型存在两种: (1)有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);(3)区 别: IE的content部分把 border 和 padding计算了进去;在两种不同模型网页里,定义了相同CSS属性的元素显示效果是不一样的,下面就用公式来区分这两种不同的盒子模型。 ...转载 2018-09-06 10:13:55 · 164 阅读 · 0 评论 -
flex布局
父元素设置display:flex;** 1):flex-direction **规定盒子容器主轴方向,可以是水平方向和垂直方向,另外侧轴一定是垂直于主轴方向的。flex-direction: row 从左向右排序 flex-direction:row-reverse;从右向左排序flex-direction:column; 主轴垂直方向 从上往下排序 flex-...原创 2018-09-06 15:56:01 · 190 阅读 · 0 评论 -
css兼容问题
IE6 可以在属性前加"_" IE7 可以在属性前加 "*"IE8 可以在属性前加"/"什么都不加就是火狐的标准比如 margin是调火狐的 _margin是调IE6的 *margin是调IE7的 /margin是调IE8的.其实,在实际的开发过程中,我们对常见的css属性兼容情况了然于胸,才能极大的提高我们的开发...转载 2018-09-22 15:59:16 · 200 阅读 · 0 评论 -
textarea 滚动条属性设置
取值:$("#ID").val();控制大小:加width,height限制(style="width:100px;height:200px;");或row,col限制(<textarea rows="5" cols="7">);限制拖动: style="resize:none;"滚动条效果: style="ove转载 2018-10-26 10:35:44 · 12968 阅读 · 0 评论 -
.style与.style.cssText
和innerHTML一样,cssText很快捷且所有浏览器都支持。此外当批量操作样式时,cssText只需一次reflow,提高了页面渲染性能。但cssText也有个缺点,会覆盖之前的样式。因此使用cssText时应该采用叠加的方式以保留原有的样式。这个属性在加有!important的行内样式时特别有用,比如,top:80px !important 。而用style.top="80px !...转载 2018-11-05 11:41:30 · 2237 阅读 · 0 评论 -
css 的三个技巧
1 图片等比例缩小.imgBox { width: 100px; height: 100px;}.imgBox img { width: 100%; height: auto;}2 多行文本省略// 单行.text { overflow: hidden; text-overflow: ellipsis; white-s...原创 2019-09-27 16:36:22 · 108 阅读 · 0 评论