网页设计基础——CSS的四种引入方式详解


网页设计基础——CSS的四种引入方式详解


1.行内式


规律:

1. 行内式是所有样式方法中最为直接的一种,它直接对HTML的标记使用style属性,然后将CSS代码直接写在其中。

格式:


    
        页面标题
    
    
        

使用行内样式引入CSS

2.内嵌式


规律:

1. 内嵌式就是将CSS代码写在和>之间,并用标记中可以导入多个样式表,在CSS文件内也可以通过@import语句导入其它的样式表。

HTML文件格式:


    
        页面标题
        
    
    
        

使用导入式引入CSS

CSS文件格式:

p
{
    color:FF0000;
    font-size:66px;
}

结语:


四种CSS引入方式的优先级分别是——行内式>链接式>内嵌式>导入式