【温故知新】CSS学习笔记(样式表)

CSS-网页的美容师

CSS-Cascading Style Sheets 美化样式
通常叫做层叠样式表(级联样式表)。

CSS样式引入的方式有三种(书写位置):

  • 1、内部样式表

    
    Document
    

直接写在head标签里面,统一更改。

  • 2、行内式(内联样式)

青春无悔,恋爱赶紧

直接写在行标签内部里面,偶尔使用,不适合大批量使用。

  • 3、外部样式表(外链式)

实际工作中以外部样式表为主。
外部样式表不用写style。
CSS文件:

div {
    color:red;
}

HTML文件:
 




    
    Document
    


    
小帅哥
    
小靓妹
    
小骚货

总结:
行内样式表:书写方便,权重高;没有实现样式和结构相分离;使用较少;控制一个标签;
内部样式表:部分结构和样式相分离;没有彻底实现样式和结构相分离;使用较多;控制一个页面;
外部样式表:完全实现结构和样式相分离;需要link来引入;使用最多,推荐使用;控制整个站点;

【温故知新】CSS学习笔记(样式表)_第1张图片

你可能感兴趣的:(页面设计)