HTML学习笔记四CSS样式
<STYLE>
中间包含3部分：选择器（selector），属性（property），属性的值（value）
</STYLE>
例如
<STYLE type="text/css">
P{
color:red;
font-size:30px;
font-family:隶书;
}
</STYLE>
选择器P定义了<P>标签的样式。所以用<P>标签的段落，都采用上面的样式来统一布局。
类样式：
<STYLE type="text/css">
.red{
color:red;
font-size:30px;
font-family:隶书;
}
</STYLE>
即把选择器变成类名，并在前面加小点“.”。
应用的时候只需要这样即可：
<H2 CLASS=".red">静夜思</H2>
<P CLASS=".red">床前明月光</P>
常用的样式属性:
文本属性：
Font-size:字体大小
Font-family:字体类型
Font-style:字体样式
Color:颜色
Text-align:对齐方式
背景属性：
Background-color:背景色
Background-image:背景图片
Background-repeat:背景图像显示方式repeat（默认，平铺）、no-repeat（不平铺）、repeat-x、repeat-y。
例：
<STYLE type="text/css">
TABLE{
background-image:url(images/type_back.jpg);
background-repeat:no-repeat;
}
</STYLE>
方框属性:
Margin:边界 margin-top, margin-right, margin-bottom, margin-left
Border:边框 border-style, border-width, border-color
Padding:填充 padding-top, padding-right, padding-bottom, padding-left
CSS控制超链接样式：
A:link {color:red} 未被访问的链接样式，红色
A:visited {color:green} 已被访问过的链接样式，绿色
A:hover {color:yellow} 鼠标悬浮在链接上时的样式，黄色
A:active {color:blue} 鼠标正在按下时链接文字的颜色，蓝色
样式表的3类应用方式：
内嵌样式表，行内样式表，外部样式表文件。
外部样式表文件包括：链接外部样式表和导入样式表。
链接外部样式表：
<HEAD>
<LINK rel="stylesheet" type="text/css" href="newstyle.css">
</HEAD>
rel=”stylesheet”:表示在网页中使用这个外部样式表
type=”text/css”:表示文本类型的样式
href=”newstyle.css”:指定样式文件
导入样式表：
<STYLE type="text/css">
@import 样式表文件.css;
</STYLE>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？