![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
水火土要努力
不以物喜,不以己悲
展开
-
关于px, em, rem的区别
一,区别:px是相对于显示器屏幕分辨率而言的.em是相对于父元素的属性来计算的.rem是相对于html根元素字体的大小来计算的.二,特点:px:IE无法调整那些使用px作为单位的字体大小em:值不是固定的,会继承父元素的字体大小rem:值也不是固定的,会根据根元素的字体大小进行计算三,注意任何浏览器的默认字体大小都是16px,原创 2017-01-13 14:20:56 · 305 阅读 · 0 评论 -
为什么border-width不支持百分比
border-width不支持百分比的原因大概是,边框一般不会根据比例进行缩放,就像手机的边框和电脑的边框其实差不了多少border-width不支持百分比,但是支持关键字,thin(1px),medium(默认3px) ,thick(5px).原创 2017-01-03 10:59:03 · 2256 阅读 · 0 评论 -
关于css中的伪类和伪元素
前端经常接触到的伪类比如:link, :visit, :hover, :focus,经常接触到的伪元素比如:before, :after,之前对于伪类和伪元素之间的区别了解的并不多首先来看伪类 :css2 对伪类的定义,伪类用于向某些浏览器添加特殊的效果,css3对伪类的定义,伪类存在的意义在于通过选择器找到那些不存在于DOM树中的信息,以及被常规选择器无法选择到的信息css3的定转载 2017-03-19 22:43:42 · 652 阅读 · 0 评论 -
字体图标从下载到使用
字体图标的使用越来越频繁,作为一个前端需要全掌握一,字体图标在哪找 https://icomoon.io/#home首推icomoon,一个国外网站,丰富免费的字体图标,选中即可打包下载二,字体图标怎么用(含兼容问题)先引入字体图标文件,引用的时候注意路径@font-face { font-family: icomoon; src:url(../fo原创 2017-10-20 15:49:17 · 1765 阅读 · 0 评论 -
z-index不生效的原因
注意!!!!z-index只在定位的元素上生效,如果发现添加了z-index不生效,要给元素添加positon:relative;或者 position:fixed;才能生效.main { height: 100%; position: relative; z-index: 10;}例如这样...原创 2018-03-16 13:32:34 · 3603 阅读 · 1 评论