![861e859299f2fc0f5126940f382eaea1.png](https://i-blog.csdnimg.cn/blog_migrate/9f28a6caa9dd143629cb1bcae78cdae9.jpeg)
1、CSS简介
(1)CSS是层叠样式表(Cascading Style Sheets)的简称。
(2)CSS主要作用:美化网页、布局页面。
(3)CSS最大的价值:由HTML专注做结构呈现,样式交给CSS,即结构(HTML)和样式(CSS)相分离。
(4)CSS规则主要由两个主要部分构成:选择器及一条或多条声明。
![7836dcfe5f6ded0a317c6938ca3a3da9.png](https://i-blog.csdnimg.cn/blog_migrate/35d401aaa4aff2523614a26afc108d48.png)
- 选择器用于指定CSS样式的HTML标签,花括号内是对该对象设置的的具体样式。
- 属性和属性值以“键值对”的形式出现。
- 属性是对制定对象设置的样式属性,例如字体大小、文本颜色等。
- 属性和属性之间用英文“:”分开。
- 多个键值对之间用英文“;”进行区分。
代码风格建议:
- 分行写,每个属性写一行
- 选择和大括号中间留一个空格
- 冒号后,属性值前留一个空格
2、CSS基础选择器
CSS选择器作用:选择标签
详见下一节:
仲夏微:【CSS】2 选择器zhuanlan.zhihu.com![d9f2242934f72505d1fe595d4301fd23.png](https://i-blog.csdnimg.cn/blog_migrate/333316546240bc7919ad0ed51fa5b414.jpeg)
3、CSS字体属性
(1)常用字体属性
![118542a1117743545dc52864919a57dc.png](https://i-blog.csdnimg.cn/blog_migrate/80fa55c07ac1d242a34db1b13e1473fa.jpeg)
(2)font复合属性
可以把以上文字样式综合来写,节约代码。
格式:font: font-style font-weight font-size/line-height font-family;
比如:
body
- 使用font属性时,必须按上面语法格式中的顺序写,不能更换顺序,各个属性间以空格隔开。
- 不需要设置的属性可以省略,但必须保留font-size和font-family属性,否则font属性将不起作用。
4、CSS文本属性
![d5b956e7391402283b62f3e57b53234e.png](https://i-blog.csdnimg.cn/blog_migrate/d444c51a266efd2672fe183841aa5ee8.jpeg)
5、CSS的引入方式
(1)行内样式表(行内式)
在标签内部写个style属性,适合修改简单的样式。
(2)内部样式表(嵌入式)
将所有的CSS代码抽取出来,单独放到一个<style></style>标签中。
<
<style></style>标签一般放在<head></head>标签里。
(3)外部样式表(链接式)
开发过程中,使用的最多的方式。
先单独写一个CSS样式文件,然后在HTML页面通过<link>标签引用
<
总结:
![9e96d5f97ad73f595e09bc54775aeb8f.png](https://i-blog.csdnimg.cn/blog_migrate/fc388ac724b92daa7463212eb520be2a.jpeg)