在HTML中如何使用css样式

1. 内联方式（行内样式）

        就是在HTML的标签中使用style属性来设置css样式

        格式： 被修饰的内容

        < p style="color:blue;font-family:隶书">在HTML中如何使用css样式< /p>

        特点：仅作用于本标签。

    2. 内部方式（内嵌样式）

        就是在head标签中使用< style type="text/css">....< /style>标签来设置css样式

        格式：< style type="text/css">

                    ....css样式代码

              < /style> 

        特点：作用于当前整个页面

        

        

    3. 外部导入方式（外部链入）

        3.1 （推荐）就是在head标签中使用

标签导入一个css文件，在作用于本页面，实现css样式设置

            格式：< link href="文件名.css" type="text/css" rel="stylesheet"/>

        

        3.2 还可以使用import在style标签中导入css文件。

            如：< style type="text/css">

                    @import "style.css";

                < /style>

        特点：作用于整个网站

    他们的优先级：当样式冲突时，就是采用就近原则，是值css属性离被修饰的内容最近的为主。若没有样式冲突则采用叠加效果。

 

 

 

欢迎转载，转载需注明地址： http://www.luowebs.com/Skill_desc/97/262.html

很赞哦！ (0)