240 发简信
IP属地:湖北
  • 120
    SASS

    简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的...

  • OO CSS

    面向对象CSS的注意事项:1、对于组件,不要直接定义子节点,应把共性声明放到父类.mod .inner{....}建议的写法.inner{....}不建议的写法 2、结构和皮...

  • 怪异盒模型

    IE678下,当DOCTYPE缺失时,会触发怪异盒模型示例如下:.box {width: 200px;height: 200px;border: 20px solid bla...

  • 杂七杂八

    css渲染:从右往左。 test div{}这种类型的写法效率极低。 两个内联元素之间有空格原理:inline-block元素把自己变成特殊的inline元素,对于相邻的元素...

  • CSS命名规范

    规范 1、对于非通用样式,在样式比较简单的前提下,尽量使用面向属性的命名方式,如多使用pb20、ml20这种写法。2、对于通用样式,尽量不要使用分离方式。因为不便修改。3、三...

  • 《JavaScript高级程序设计》-笔记

    第一章 JavaScript简介 JavaScript最初用于处理输入验证 三大组成部分:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM) EC...

  • float相关

    float最初是为了处理文字环绕的问题 float的两个特点:包裹(元素block块状化,砖头化)与破坏(破坏性造成的紧密排列特性,去空格化) BFC:块级格式化上下文 清除...

  • absolute相关

    与float相同,具有包裹性和破坏性。 特性1:脱离文档流,让出占用的空间(宽高都为0) 特性2:去浮动,位置跟随(原来在什么位置,absolute之后还在什么位置) abs...

  • overflow相关

    如果overflow-x与overflow-y的值相同,则等同于overflow;如果不同,且其中一个值为visible,那么这个visible会被重置与另外一个值相同。 o...

  • 120
    line-height相关

    line-height指两行之间基线(baseline)的距离(其实一行也有效) 行内宽盒子模型(从小到大,包含关系) 内敛元素的高度是由line-height决定的,不是由...

  • 120
    vertical-align相关

    支持的属性值:inherit(继承),以及以下几类 若为固定数值,则是在原有基础上进行偏移;若为百分比,则是在行高line-height基础上进行计算 vertical-al...

  • 120
    relative相关

    限制定位:relative可限制absolute(top、bottom) 限制层级:使用z-index控制层级。 限制超越overflow:干掉absolute不受overf...

  • 120
    z-index相关

    如果不考虑css3,只有定位元素的z-index才有作用。 如果定位元素z-index没有发生嵌套:1、后来居上的准则(dom流先后顺序);2、哪个大,哪个上。 如果定位元素...

  • 120
    margin相关

    margin与可视尺寸,适用范围:1、没有设定width/height的普通block水平元素2、只适用于水平方向尺寸实际应用:一侧定宽的自适应布局(原理是因为margin改...

  • padding相关

    对于block水平元素1、padding值暴走,一定会影响尺寸;2、width非auto,padding影响尺寸;3、width为auto或box-sizing为border...

  • border相关

    border-color就是color background定位局限性:只能针对左上角定位,不能针对右上角定位;可以采用给右侧增加一个较大的透明边框即可

  • BFC

    border BFC 布局规则:1、内部的Box会在垂直方向,一个接一个的放置;2、box垂直方向的距离有margin决定,属于同一个BFC的两个相邻box的margin会发...