
css
Bessicxie
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
移动端实现1px边框
由于设备像素比存在的原因,我们在处理设计图的一些边框时,对于1px的border,如果在代码里将其写死,可能在不同设备像素比的设备中,粗细不一样,尤其是在目前大多数设备像素比为2的设备中,过粗。 那么利用媒体查询和”min-device-pixel-ratio”就可以轻松的搞定,实现货真价实的1px border。转载 2017-11-02 20:34:15 · 481 阅读 · 0 评论 -
js实现rem布局
以下js可以实现字体大小的rem布局转载 2017-10-31 23:49:04 · 1037 阅读 · 0 评论 -
flex布局
2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持(还是要添加前缀的)这意味着,现在就能很安全地使用这项功能。Flex 布局非常适合用在移动端布局;Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性...转载 2017-11-17 18:05:31 · 421 阅读 · 0 评论 -
css3杂记
本文随手记录了一些项目遇到的关于css的知识; 1.text-overflow: clip|ellipsis;text-overflow 属性规定当文本溢出包含元素时发生的事情;注意的是使用text-overflow:ellipsis时,当前容器的font-size是对它有影响的。 2.页面使用弹出的时候经常需要使用到蒙版,即一个平铺整个页面的半透明层,这个时候就需要一个div的宽高跟页面一致;原创 2017-11-10 16:53:52 · 364 阅读 · 0 评论 -
css3的display:table布局
当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值:table、table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。display:table=>相当于“table”标签; display:table-row=>相当于“tr”标签; displa转载 2017-11-19 01:02:12 · 40136 阅读 · 0 评论 -
a标签中使用img后的高度多了几个像素 解决办法
img是行内元素,默认display: inline; 它与文本的默认行为类似,下边缘是与基线对齐,而不是紧贴容器下边缘。解决办法一是消除掉匿名盒子的高度,也就是给a设置line-height:0或font-size:0; 解决办法二是给两者vertical-align:top,让其top对齐,而不是baseline对齐 解决办法三是给img以display:block,让它和匿名行级盒子不在一转载 2017-12-06 19:29:52 · 701 阅读 · 1 评论 -
flex布局知识点
1.flex布局所谓的flex布局,即Flexible Box,弹性布局。兼容ie10以上的浏览器。要注意的是,一旦容器设置了弹性布局,里面items的浮动和定位都会失效。使用弹性布局,首先必须有一个容器,文档中全部设置display:flex的元素,都是一个flex布局的容器,改容器里面的第一层元素,就是改容器的flex-items;容器有6个属性:分别是flex-fow,flex-di...原创 2019-06-13 21:44:47 · 286 阅读 · 0 评论