简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的...
简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的...
面向对象CSS的注意事项:1、对于组件,不要直接定义子节点,应把共性声明放到父类.mod .inner{....}建议的写法.inner{....}不建议的写法 2、结构和皮...
IE678下,当DOCTYPE缺失时,会触发怪异盒模型示例如下:.box {width: 200px;height: 200px;border: 20px solid bla...
css渲染:从右往左。 test div{}这种类型的写法效率极低。 两个内联元素之间有空格原理:inline-block元素把自己变成特殊的inline元素,对于相邻的元素...
规范 1、对于非通用样式,在样式比较简单的前提下,尽量使用面向属性的命名方式,如多使用pb20、ml20这种写法。2、对于通用样式,尽量不要使用分离方式。因为不便修改。3、三...
第一章 JavaScript简介 JavaScript最初用于处理输入验证 三大组成部分:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM) EC...
float最初是为了处理文字环绕的问题 float的两个特点:包裹(元素block块状化,砖头化)与破坏(破坏性造成的紧密排列特性,去空格化) BFC:块级格式化上下文 清除...
与float相同,具有包裹性和破坏性。 特性1:脱离文档流,让出占用的空间(宽高都为0) 特性2:去浮动,位置跟随(原来在什么位置,absolute之后还在什么位置) abs...
如果overflow-x与overflow-y的值相同,则等同于overflow;如果不同,且其中一个值为visible,那么这个visible会被重置与另外一个值相同。 o...
line-height指两行之间基线(baseline)的距离(其实一行也有效) 行内宽盒子模型(从小到大,包含关系) 内敛元素的高度是由line-height决定的,不是由...
支持的属性值:inherit(继承),以及以下几类 若为固定数值,则是在原有基础上进行偏移;若为百分比,则是在行高line-height基础上进行计算 vertical-al...
限制定位:relative可限制absolute(top、bottom) 限制层级:使用z-index控制层级。 限制超越overflow:干掉absolute不受overf...
如果不考虑css3,只有定位元素的z-index才有作用。 如果定位元素z-index没有发生嵌套:1、后来居上的准则(dom流先后顺序);2、哪个大,哪个上。 如果定位元素...
margin与可视尺寸,适用范围:1、没有设定width/height的普通block水平元素2、只适用于水平方向尺寸实际应用:一侧定宽的自适应布局(原理是因为margin改...
对于block水平元素1、padding值暴走,一定会影响尺寸;2、width非auto,padding影响尺寸;3、width为auto或box-sizing为border...
border-color就是color background定位局限性:只能针对左上角定位,不能针对右上角定位;可以采用给右侧增加一个较大的透明边框即可
border BFC 布局规则:1、内部的Box会在垂直方向,一个接一个的放置;2、box垂直方向的距离有margin决定,属于同一个BFC的两个相邻box的margin会发...