CSS crash course(1)

82 阅读1分钟

HTML+CSS response design

block-level content 块级元素
inline-level content 参考内容布局的称为行内元素,文本替换元素以及生成元素是行级别的。

  1. style text:

describe web visual style and presentation.
font-family:
font-style
text-transform
line-hright
text-align
font-weight


  1. combine selection
    selector→
    * list selector
    * descendent selector,such as first child;
  2. ID class
    #(hash):ID
    .(dot): clsss
    4 RGB or rgba
    a is equal to alpha
  3. pseudo class :伪类
    添加到slector上的关键字,用于指定元素elemnet特殊状态
    伪类由冒号:紧跟着伪类名称组成
    伪类不仅应用于element,document树关系也可用,外部关系也可用(如表格check关系,鼠标点击、悬浮事件等等) 12222.png image.png

    figure: js's relationship between front-end and back-end