CSS样式——初始CSS样式表

CSS 样式表基本语法

  • 行内样式表语法:

    <标签名  style="样式属性名 : 样式属性值值 ;">
    
    
  • 内部样式表:

    
    
    
  • 外部样式表

    1. 创建一个CSS文件,在CSS文件中书写样式
    2. 在html文件中使用或@import引入外部样式文件
      
      
    1. link 与 @import 区别

      • link 是HTML的标签,@impost是CSS提供的一种方式
      • link在加载时,页面与样式同时加载,@import在加载时,先加载完页面在加载样式
      • @import只有IE5以上版本能够支持
      • JS操作DOM时,只能使用link标签

样式表之间的权重关系

  • 行内样式表 > 内部样式表与外部样式表
  • 内部样式表与外部样式表权重相同,当样式相同时,后写的覆盖先写的样式
  • 权重高的样式表会覆盖权重低的样式表,这体现了样式表的层叠性

你可能感兴趣的:(前端学习)