![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
丢失的林夕
来个搞笑的:good good study,day day up
展开
-
CSS3中linear-gradient详解
linear-gradient定义linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片看下面用法:/* 从下到上,从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */linear-gradient(0deg, blue, green 40%, red)注:颜色参数后跟得百分数是指颜色开始渐变得位置...原创 2021-06-05 18:06:42 · 1075 阅读 · 0 评论 -
rem的定义与px的转换
rem 是相对于 html 元素的 font-size 的一个单位。如果 html 上定义了 font-size: 20px;,则无论在任何地方都是 1rem = 20px 这个大小不会受到父元素的影响。我们统一使用rem对页面进行整体缩放。强烈建议大家对需要适应页面大小的任何元素都使用 rem 为单位来定义。我们在 iphone6 上使用 1rem = 20px 来换算。小于 375px 的设备上不做缩小处理,对 大于 375px 宽度的设备进行等比缩放。...原创 2020-08-08 11:04:54 · 2235 阅读 · 0 评论 -
css3之calc()
width:calc(100%-100px);——无法起作用width:calc(100% - 100px);——可以使用了calc()计算中的两个值必须同运算符号之间存在空格,否则不会起作用原创 2019-11-29 12:53:15 · 148 阅读 · 0 评论 -
word-break,word-wrap,white-space
white-space正如它的名字,这个属性是用来控制空白字符的显示的,同时还能控制是否自动换行。它有五个值:normal | nowrap | pre | pre-wrap | pre-line。因为默认是normalnowrap:可以理解不换行,合并空格。pre :pre其实是preserve(保存)的缩写,保存空格,不换行pre-wrap:就是preserve+wrap,保留空格和换...原创 2019-09-12 15:48:56 · 233 阅读 · 0 评论