就是在HTML的标签中使用style属性来设置css样式
格式:<html标签 style="属性:值属性:值....">被修饰的内容</html标签>
<p style="color:orangefont-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属性离被修饰的内容最近的为主。
若没有样式冲突则采用叠加效果。
一般来说只有3种:
1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来,在这里面编写样式:
<style type="text/css">
*{
padding: 0margin: 0
}
</style>
3.在标签里面直接编写行内样式。
<div style="color: #333"><div>
当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的