
css
coderMozart
这个作者很懒,什么都没留下…
展开
-
CSS函数之var()
CSS变量 作用:var()函数用于插入CSS变量的值。 CSS变量可以访问DOM,这意味着可以创建具有局部或全局范围的变量,使用JavaScript更改变量,以及基于媒体查询来更改变量。 使用CSS变量的一种好方法是涉及设计的颜色。可以将它们放在变量中,而不必一遍又一遍地复制和粘贴相同的颜色。 var()函数的语法 var( )函数语法如下: var(name, value) Value Description name 必须. 必须以双破折号开头(--) va.原创 2020-10-26 18:21:16 · 2661 阅读 · 0 评论 -
Max-width
The element width is set to the value of min-width whenever min-width is larger than max-width or whenever min-width is larger than width . —-MDN 意思是说元素的width最终值是由min-width决定的 1.给图片设置max-width原创 2017-01-13 13:21:16 · 553 阅读 · 0 评论 -
em&&rem
摘自w3c em unit Equal to the computed value of the ‘font-size’ property of the element on which it is used.h1 { line-height: 1.2em } means that the line height of h1 elements will be 20% greater t转载 2017-02-07 16:10:17 · 295 阅读 · 0 评论 -
在不同的手机端dpi会影响1px的宽度,需要进行处理
在不同的手机端dpi会影响1px的宽度,需要进行处理css部分stylus书写主要运用了css3 的 transform 中 的 scaleY 在不同dpi的屏幕上进行 缩放具体例子原创 2018-06-05 11:04:13 · 620 阅读 · 0 评论 -
CSS之BFC
1. 什么是BFC? 块级元素格式化上下文(Block Formatting Context)是一个至少满足以下任意一个条件的HTML元素: 1.float的值不是none 2.position的值既不是static也不是relative 3.display的值是table-cell,table-c...原创 2018-08-07 13:10:00 · 223 阅读 · 0 评论 -
css之三列布局
要求中间宽度随窗口变化两边宽度不变 float absolute flex table grid 五种方法 具体事例原创 2018-08-19 12:06:06 · 515 阅读 · 0 评论 -
CSS之BFC的应用之一清除浮动
阅读前提: 对CSS的BFC有一定的了解 当元素设置了浮动后,会脱离正常的文档流,影响到父级元素以外的元素 通过设置父级元素为overflow:auto,虽然创造了BFC但是不够明确而且会出现副作用,可以直接设置父级元素的display:flow-root,明确的说明创造了BFC 举例1,详细的说明可以查看Codepen上的例子 参考链接 ...原创 2018-09-12 11:24:54 · 281 阅读 · 0 评论