m0_49888984的博客

用calc计算移动端视口的宽度高度vw 相对于视口的宽度。视口被均分为100单位的vwvh 相对于视口的高度。视口被均分为100单位的vh用法：width: calc(100% - 10px);height:calc(100vh - 10px);calc(100vh - 10px) 表示整个浏览器窗口高度减去10px的大小calc(100vw - 10px) 表示整个浏览器窗口宽度减去10px的大小实例：...

sass小记1.默认变量$baseLineHeight:1.5 !default;body{ line-height: $baseLineHeight; }编译后的css代码：body{ line-height:1.5;}覆盖默认变量的方式也很简单，只需要在默认变量之前重新声明下变量即可:$baseLineHeight: 2;$baseLineHeight: 1.5 !default;body{ line-height: $baseLineHeight;

first-child,:nth-child(n),:nth-of-type(n)p:first-child选择器匹配属于任意元素的第一个子元素的 元素p:nth-child(n)选择所有 p 元素的父元素的第二个子元素(目标元素可以不是p元素)p:nth-of-type(n)选择所有p元素第二个为p的子元素...

CSS布局 - 水平 & 垂直居中1.元素水平居中&文本水平居中<div class="center"> <p>文本文本文本</p></div>.center {//元素水平居中 margin: 0 auto; width: 300px; border: 1px solid green;}.center {//文本水平居中 text-align: center; border: 1px

3333