HTML是房子,CSS是装修,JavaScript是生活
前程往事
还没写完,下班中,明天上班继续补充~
CSS作用
- 修饰、美化前台界面
- 完善html属性的不足
- 整合代码,便于维护
CSS规则组成
- 选择器
- 一条或多条声明
h1:元素选择器
注意
- 整体声明以 大括号{} 包裹
- 多个声明之间以 封号;分开
- 每个属性有一个值
- 属性与值之间使用 冒号( :)分开
CSS的创建与使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开心就好</title>
<style>
body
{
background-color:#b0c4de;
}
.first{
color:red;
font-size:20pt;
}
</style>
</head>
<body>
<p class='first'>开始的开始</p>
<p style="color:sienna;margin-left:5px">我们只是孩子</p>
</body>
</html>
内联样式(Inline style)
这是一种新手最初要掌握的行内样式,通常在HTML标签内使用样式(style)属性,然后在style属性内可以包含CSS属性
<p style="color:sienna;margin-left:20px">第一个段落</p>
内部样式表(Internal style sheet)
外部样式表(External style sheet)
选择器类型
-
元素 选择器
-
id 选择器
-
class 选择器