m0_49888984的博客

用calc计算移动端视口的宽度高度 vw 相对于视口的宽度。视口被均分为100单位的vw vh 相对于视口的高度。视口被均分为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