CSS
扫地鼠Gordon
幽己一默胜笑人三声
展开
-
scss学习1.简介及语法格式
sass:学些scss之前,先认识下sass,因为sass是通过tab键控制缩进的一种语法规则,且这种缩进必须严格,并且其不带任何的分号和大括号。说到这里,写过程序的都知道,为啥它不被大家所能接受了。scss: scss是sass的新语法格式,但它和css在外形上几乎一致,代码包含在大括号中,末尾结束都有一个分号,其文件名常以".scss"为扩展名。$font-size: 12px;$primary-color: #333;body { font-size:$font-size;原创 2020-08-17 13:23:01 · 419 阅读 · 0 评论 -
box-sizing 设置或检索对象的盒模型组成模式
box-sizing:border-box;border-box为怪异盒模型,该对象的padding合border被包含在定义的width和height之内。即该对象的宽度不会随padding和border的改变而改变,在宽度设为定值或有最大值时很实用取值:content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置...原创 2019-04-28 10:40:39 · 193 阅读 · 0 评论 -
flex布局理解
前言:使用flex布局,需先了解两个概念。flex容器:任何元素都可以被设置为flex容器,display:flex;flex子项:flex容器里面的元素就是flex子项说明:a) 给元素设置了display:flex;后,就成为了弹性盒或者弹性布局b) 当父元素设置了flex后,子元素的float,clear和vertical-align将会失效c) 我们把设置display:...原创 2019-06-20 10:23:19 · 1426 阅读 · 0 评论