1、行内式（行内样式）
行内样式将样式定义在具体html元素的style属性中.以行内式写的CSS耦合度高,只适合于当前元素,在设定某个元素的样式时比较常用.
<p style="color: aliceblue;font-size: 50px;">这是一段文本</p>
在当前元素使用style属性的声明方式.
style是行内样式属性；
color是颜色属性;red是属性值；
font-size是字体大小属性;50px是字体大小属性值;
2、嵌入式（内部样式）
嵌入式通过在html页面内容开辟一段属于CSS的代码区域,通常做法为在<head>标签中嵌套<style>标签,在<style>中通过选择器的方式调用指定的元素并设置相关CSS
<style type="text/css">
body{
background-color: aquamarine; /* 背景颜色 */
color: bisque; /* 字体颜色 */
font-family:楷体/* 字体风格*/
}
</style>
3、引入外联样式文件（外联样式）
在实际开发当中，很多时候都使用引入外联样式文件，这种形式可以使html页面更加清晰,而且可以达到更好的重用效果.
style.css
4、三种样式的优先级为：就近原则,就用哪种样式.
style.css如下
当内部样式比外联样式近
代码如下:
效果如下:
当外联样式比内部样式近
代码如下:
效果如下：
- THE END -
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：https://jm.airisland.cn/index.php/2023/02/16/css%e7%9a%84%e4%bd%bf%e7%94%a8/
共有 0 条评论