
前端技术-css
sally_MF
全心全意做一个认真的码农,人生苦短,我为代码痴狂
展开
-
解决移动端Retina屏边框1px 问题
造成移动端Retina屏幕边框1px 变粗的原因:1.因为css中的1px不等于移动设备中的1px,这是因为不同的手机有不同的像素密度,何为像素密度?下面来解释一下: iphone7 plus分辨率为 1920px*1080px,尺寸大小为5.5英寸,所以像素密度为 在Windows中有一个devicePixelRatio属性,他可以反映css中的像素转载 2018-01-03 10:21:18 · 666 阅读 · 0 评论 -
css预处理-sass
CSS预处理为什么要用css预处理呢?为了更高效的管理较为繁多的css样式为了减轻css代码编写过程中的繁多与冗杂为了在主题定制以及修改过程中高效地对样式切换丰富css的语法功能常见的预处理工具:sass less stylus常用的预处理功能:嵌套变量Sass常见的语法:.box{ font-size:12px; .box-title{ ba原创 2018-01-03 13:34:34 · 313 阅读 · 0 评论 -
css伪类元素的运用以及相应的hover的使用
有很多人会有疑问?为什么要用伪类元素,再增加一个标签不就好了?其实不然,使用伪类元素,一方面可以减少页面中的节点元素,加速页面渲染速度,另一方面可以为设计动画提供很多新思维,本文先介绍一些简单的伪类元素以及hover效果的实现:说到伪类与伪元素,区别有以下:最根本的区别是是否有有新的元素生成,伪元素创建了新的元素,而伪类并没有生成新的元素;可以为同一个元素添加不同的伪类效果,但一次原创 2018-01-08 10:13:15 · 3477 阅读 · 0 评论