本文主要是介绍HTML第四章 -- CSS样式表,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.CSS样式表
CSS样式表分为三种样式:行内样式、内部样式、外部样式(重点)
优先级:行内>内部>外部
1.行内样式
<!-- color: blue;颜色:蓝色; font-size: 40px;文字-大小:40像素; --><p style="color: blue;font-size: 40px;">床前明月光</p><p style="color: coral;font-size: 50px;">疑是地上霜</p>
2.内部样式 head中title下
<head><!-- 内部样式 --><style>p{/* 颜色:红色; */color: red;/* 文字加粗 */font-weight: bolder;}</style>
</head>
<p>举头望明月</p>
3.外部样式(重点)
需要创建一个外部的css样式表,引入
<head><!-- 外部样式使用的话,必须引入<link> --><!-- <link rel="stylesheet" href="7.CSS样式表.html"> --><link rel="stylesheet" href="./css/7.CSS样式表.css">
</head>
<p>低头思故乡</p>
/* 3.外部样式 */
p{/* 文字间距 */letter-spacing: 10px;/* 背景色 */background-color: pink;}
最后效果↓
这篇关于HTML第四章 -- CSS样式表的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!