HTML(CSS样式）
在前端网页中，CSS样式分为三类，分别是行内样式、页内样式和页外样式。
1 行内样式（内联样式）
顾名思义，行内样式是写在“行内”的样式，这种方式只适用于个别元素时。不适用使用大量样式。
行内样式，使用的是标签内属性形式。什么意思？就是行内样式其实就是HTML标签 style属性。
示例：
<p style="color: red;">
行内样式
</p>上面示例中，通过行内样式设置字体颜色为红色。
2 页内样式（内部样式表）
以<style>标签的形式，且包含在<head>标签中。
页内样式，一般在大量书写CSS样式，又不想新建一个CSS文件时使用。优先级高于页外样式。
示例：
<head>
<style type="text/css">
p{background-color: red}
</style>
</head>页内样式与页外样式格式相同，格式如下：
选择器{
样式属性:样式值;
样式属性:样式值;
}3 页外样式（外部样式表）
页外样式也称外部样式，就是不与HTML文件在同一页，需要另外新建一个CSS文件。
在HTML文件中需要使用<link>标签将外部的CSS连接进来，CSS文件中内容与业内样式相同，格式如下：
选择器{
样式属性:样式值;
样式属性:样式值;
}外部样式使用的情景比较多，一个CSS样式表可以用到多个HTML文件上去。也可以使HTML文件看起来更加的整洁。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-10-06，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
