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;
}最后效果↓
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
