什么是 CSS?
- CSS(Cascading Style Sheets) 是用来为网页添加样式的代码。
p {
color: red;
width: 500px;
border: 1px solid black;
}
p, li, h1 {
color: red;
}

盒子模型

- 内边距(padding)- 围绕着内容的空间(比如围绕段落的空间)
- 边框(border)- 紧接着内边距的实体线段
- 外边距 (margin) - 围绕元素外部的空间
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello CSS!</h1>
<p>CSS 很 666666……</p>
</body>
</html>
/* style.css */
h1 {
padding: 10px;
background-color: orange;
border: 1px solid black;
}
p {
color: purple;
}
css语法

- 选择器通常是需要改变样式的 HTML 元素。
- 每条声明由一个属性和一个值组成。
- 属性(property)是设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开
css语句
- @charset
- @import
@media
缩写
padding: 10px 15px 15px 5px; padding-top: 10px; padding-right: 15px; padding-bottom: 15px; padding-left: 5px;
- 参考:菜鸟教程