CSS可以修饰/控制网页外观。
Cascading(层叠)Style(样式)sheets(表)
CSS是定义HTML表现形式的描述性语言。
W3C标准:
- CSS表现标准
- HTML结构标准
- JS行为标准
CSS的使用方法
行内样式
在HTML开始标签中添加style属性来书写CSS代码的样式表!
<标签 style="属性=属性值;..."></标签>
内嵌样式
在head标签内,嵌套<style></style>标签来书写CSS样式表!
<head>
<meta charset="UTF-8"> <!--meta 定义字符编码 -->
<title>Document</title> <!-- 网页标题,一定放在head中 -->
<style>
标签名{属性:属性值;}
</style>
</head>
外部样式
头部link标签来链接样式表。
href用来指定链接的CSS文件的路径。
<!-- index.html -->
<!DOCTYPE html>
<html lang="en"/>
<head>
<meta charset="UTF-8"/>
<title>Document</title>
<!-- link链接下边css样式表
href指定链接的css文件的路径 -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>
/*style.css*/
标签名{
属性:属性值;
...
}
使用方法的优先级
优先级
行内样式 > 内嵌样式 > 外部样式