![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
七侠剑客
这个作者很懒,什么都没留下…
展开
-
深入理解CSS盒模型
深入理解CSS盒模型该文主要作为学习笔记进行转载,如有侵权请联系一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如图:图中最内部的框是元素的实际内容,也就是元素框,紧挨着元素框外部的是内边距padding,其次是边框(border),然后最...转载 2019-04-18 19:02:05 · 213 阅读 · 0 评论 -
区别css单位px、em、rem
在对页面进行自适应时,查阅相关资料了解到,通常有两种方式将px转换为em或者rem,下面就上述三者之间的联系进行讲解:em与px转换一般浏览器默认1em=16px,通过设置font-size大小来代表如:16px*0.625=10px,其则代表1em=10px,直接上代码(注释的样式为浏览器默认 (1em=16px)的长宽):<!DOCTYPE html><html la...原创 2019-06-12 20:05:45 · 6208 阅读 · 2 评论 -
CSS自定义滚动条样式,兼容IE浏览器
经常写页面的同学都知道,浏览器一般自带的滚动条样式很丑,和页面风格格格不入,于是就想着是否能够改变原有滚动条样式?但实际中,其他浏览器又和IE浏览器不一样,导致兼容性不好。chrome浏览器滚动条自定义样式修改:div{ /*滚动条滑块按钮的颜色*/ scrollbar-face-color: #134187; /*滚动条整体颜色*/ scrollbar-highlight-c...原创 2019-06-18 16:23:15 · 9635 阅读 · 0 评论