css的三种样式分析之优缺点

  1. css----(cascading (层叠) , style(样式),sheets(表))—修饰html

  2. css的写法:

    1. 行内样式:—直接将样式属性写在开始标签style属性中

      <div style="属性名称:属性值;属性名称:属性值;">
          缺点:1.结构样式没有分离 不利于后期维护 2.样式不能重复使用(推荐不使用)
      div>
      
    2. 内嵌样式–在head标签中通过style标签书写

      1. css样式的注释方法:/* 解释 */
      2. 1.优点:结构样式分离 好维护 2.样式重用
      3. 缺点:只能在一个页面中使用css样式
      
      
    3. 外部样式—在css文件夹中书写css样式 在哪一个页面中需要 就进行引入(通过link)

      1. 先在新的css文件中 写上 然后写其他标签或选择器的具体css样式

        @charset 'utf-8' ;
        
      2. 在html中引入css

        <link rel='stylesheet' href='css/index.css'>
        

        rel ----- relationship : 定义连接的文件和html文档之间的关系

        优点:1.结构化样式分离,好维护 2.样式重用 多个页面使用

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