HTML:Hyper Text Makeup Language超文本标记语言,网页结构。
CSS:Cascading Style Sheet层叠样式表、级联样式表
三种引入样式的方式:
1.内联样式:把样式直接写在开始
2.内部样式:用标签书写样式
3.外部样式:用引入写好的css文件。
内联样式、内联样式和外部样式三个一起用的时候,内联样式权重最高(最终一定用内联样式);stylesheet:样式表
内部样式和外部样式,谁在后就听谁的。
color: 颜色
font-size: 文字大小(单位em)
font-family: 文字样式
font-style: italic;(倾斜)
background-color: (背景颜色)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 2.内部样式:用<style></style>标签书写样式 -->
<style>
p{
color: green;
font-size: 2.8125rem;
font-family: 华文行楷;
font-style: italic;
background-color: yellow;
}
</style>
<!-- 3.外部样式引入: -->
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<!-- 1.内联样式: -->
<!-- 1em=16px -->
<!-- 为了避免 IE浏览器 中无法调整文本的问题,许多开发者使用 em 单位代替像素。 -->
<p style="color: red; font-size: 1.5rem;">层叠样式表</p>
<p style="color: rgb(0,0,255); font-size: 2em;">层叠样式表</p>
<p>层叠样式表</p>
</body>
</html>