CSS 全解析实战(三)-CSS 基础

1 选择器(1)

  • 基本规则


    CSS 全解析实战(三)-CSS 基础

    ;是分隔符,而不是语句结束符


    CSS 全解析实战(三)-CSS 基础
  • 选择器
    浏览器是从右往左解析的,继续向左解析只是验证,如此一来,性能极大提高


    CSS 全解析实战(三)-CSS 基础
  • 选择器的分类


    CSS 全解析实战(三)-CSS 基础
  • 选择器权重


    CSS 全解析实战(三)-CSS 基础

    CSS 全解析实战(三)-CSS 基础

    CSS 全解析实战(三)-CSS 基础
  • 非布局样式-字体


    CSS 全解析实战(三)-CSS 基础

    CSS 全解析实战(三)-CSS 基础
  • 非布局样式-行高


    CSS 全解析实战(三)-CSS 基础

背景

CSS 全解析实战(三)-CSS 基础

非布局样式(边框)

CSS 全解析实战(三)-CSS 基础

非布局样式(滚动)

内容超出容器大小


CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

非布局样式(文本折行)

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础
  • 单词空格换行
    • 把单词尽量当一个整体


      CSS 全解析实战(三)-CSS 基础

      CSS 全解析实战(三)-CSS 基础
    • 不把单词当一个整体,打断所有


      CSS 全解析实战(三)-CSS 基础

      CSS 全解析实战(三)-CSS 基础
    • 就不换行!


      CSS 全解析实战(三)-CSS 基础

      CSS 全解析实战(三)-CSS 基础

非布局样式(装饰性属性)

CSS 全解析实战(三)-CSS 基础

hack和案例(1)

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

hack和案例(2)

CSS 全解析实战(三)-CSS 基础
CSS实现 checkbox

CSS 全解析实战(三)-CSS 基础

面试题

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础

CSS 全解析实战(三)-CSS 基础
上一篇:《LabVIEW 虚拟仪器程序设计从入门到精通(第二版)》一2.5 定制控件


下一篇:ConcurrentHashMap原理分析