自动话第五节课,百度页面

选择器的优先级

css选择器优先级

  • 先比较选择器的优先级,选择器优先级高的会覆盖选择器优先级低的
    怎么看优先级?
  1. 针对性强(范围越小)的选择器,优先级越高
  2. 针对性越弱(范围越大)的选择器,优先级越弱
  • 比较先后顺序,后面的会覆盖前面的
  • !important 特殊符号最高级
  • 给权重,权重越大,优先级越高
    { div1
    .xxx 10 #xx 100}

块级标签

  • 独占一行的标签
  • 能随时设置高度取决于内容的尺寸(span,a,label)

行内标签(内连标签)

  • 多个行内标签能同时显示在一行
  • 宽度和高度取决于内容的尺寸

行内-块级标签(内联块级标签)

  • 多个行内标签可以写在同一行
  • 能随时设置高度,宽度。

优缺点

  • 块级标签优缺点: 可以设置高度,但是不能写在一行,浪费控件
  • 行内标签优缺点:不可以设置宽度,但是能写在一行,省空间,是靠内容来控制高宽。
display:block; # 块级标签
display:inline; # 行内标签
display:inline-block; # 行内块级 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。