html中使用css的方法有哪几种

发布网友发布时间：2022-04-20 04:22

共1个回答

热心网友时间：2022-04-06 12:36

1.内联方式（行内样式）
就是在HTML的标签中使用style属性来设置css样式
格式：<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

<p style="color:orange;font-size:18px">在HTML中如何使用css样式</p>
1
特点：仅作用于本标签。

2. 内部方式（内嵌样式）
就是在head标签中使用标签来设置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属性离被修饰的内容最近的为主。

若没有样式冲突则采用叠加效果。

首页

文章

html中使用css的方法有哪几种