一.css

  1. 选择器权重
    !important infinity正无穷;
    行间样式 1000;
    id 100;
    class/属性/伪类 10;
    标签/伪元素 1;
    通配符 0;

  2. 盒子模型:上右下左,上-左右-下

  3. 两个元素(父子):宽高一致,充满

  4. position:fixed; 广告定位,你怎么动他不动
    页面居中:position:fixed;
    left:50%;
    top:50%;

  5. margin塌陷:父子嵌套垂直方向的margin结合到一起,取最大值;兄弟结构的元素垂直方向margin合并

  6. 触发盒子bfc:① position:absolute;
    ② display:inline-block;
    ③ overflow:hidden;
    ④ float:left/right

  7. 实现文字环绕浮动图片:img{float:left}

  8. 清除浮动三件套:wrapper::after{
    content:"";
    clear:both;
    display:block;
    }

  9. 溢出容器:单行文本:white-space:nowrap;----超出容器部分不换行
    overflow:hidden;
    text-flow:ellipsis;
    多行文本截断:overflow:hidden;

  10. 标准盒模型:总宽度 = border(左右) + width + padding(左右)
    总高度 = border(上下) + width + padding(上下)
    IE盒模型(怪异盒模型):总宽度 = width;总高度 = height;box-sizing = border-box

    二.h5

  11. 新增多媒体标签
    audio
    autoplay = “autoplay” 音频在就绪之后马上播放
    controls = “controls” 向用户展示控件,例如播放按钮
    loop = “loop” 音频结束时重新开始播放
    src = “url” 要播放音频的url -----单标签
    video
    属性 值
    name 用户自定义 控件名称
    value 用户自定义 input控件中默认文本值
    size 正整数 input控件中页面显示宽度
    checked checked 定义选择控件默认被选中的项
    maxiength 正整数 控件允许输入的最多字符

  12. 新增input表单属性:email,url,date,time,month,week,number,tel,search,color(生成一个颜色选择表单),text(单行文本),file(文件域/多个文件),button(普通按钮),reset(重置按钮),image(图像形式提交按钮)

  13. 表单属性
    required = “required” 内容必填
    placeholder = “请输入” 提示文本,占位符
    autofocus = “autofocus” 自动获取焦点
    autocomplete = “off/on” (必须要有name属性,同时成功提交) on:显示之前搜索过的内容
    multiple = “multiple” 多选文件进行提交

  14. html,css

  15. 整体标签在新标签页中/原窗口打开
  16. border 表格边框
    cellspacing 格与格边框之间的空白区域 px
    cellpadding 内容与边框之间空白区域 px
    width 表格宽 px
    height 表格高 px
    align 在网页中对齐方式 left/center/right

  17. html,css

三.css3

html,css
html,css
html,css
html,css
html,css

html,css

对象收编变量

例如:
html,css

相关文章: