目录
01.css简介
- CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.
- 有时我称之为 CSS 样式表或级联样式表。
- CSS 是一种标记语言
- CSS 作用:结构 ( HTML ) 与样式( CSS ) 相分离
02.css语法规范
所有的样式,都包含在 <style> 标签内,表示是样式表。<style> 一般写到 </head> 上方
<head>
<style>
h4 {
color: blue;
font-size: 100px;
}
</style>
</head>
03.css代码风格
(展开式书写,其中属性名,属性值关键字全部使用小写字母)
h3 {
color: pink;
font-size: 20px;
}
04.css基础选择器
基础选择器包括:标签选择器、类选择器、id 选择器和通配符选择器
05.css字体属性
- 字体系列font-family
- 字体大小font-size
- 字体粗细font-weight:(normal(400),bold(700))
- 字体样式font-style:(normal/italic)
- 字体复合属性:font: font-style font-weight font-size/line-height font-family
注:使用 font 属性,必须按上面语法格式中的顺序书写,不能更换顺序。不要设置的属性可以省略,但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用
06.css文本属性
- 文本颜色 color (预定义的颜色值、十六进制、RGB代码)
- 文本对齐 text-align(center/left/right)设置元素内文本内容的水平对齐方式
- 修饰文本 text-decoration(none、underline、overline、line-through)
- 文本缩进 text-indent (text-indent:2em)
- 行间距 line-height
07.CSS 样式书写的位置
- 行内样式表(行内式) <div style="color: red;">css</div>
- 内部样式表(嵌入式) <style>div{color:red;}</style>
- 外部样式表(链接式) <link rel="stylesheet" href="css文件路径">