初学CSS CSS语法规范 基础选择器 字体文本属性 引入方式介绍

今天CSS第一天，终于可以美化HTML了，总体还算掌握，主要熟练掌握基础选择器，熟记常用的字体属性和文本属性单词！

今日框架：

今日重点：
一、CSS简介
1、CSS：层叠/级联样式表（Cascading Style Sheets）；
美化网页，布局页面。
2、CSS语法规范：1）选择器 2）声明样式
二、选择器：选择标签
1、基础选择器：
1）标签选择器：把某一类标签选择出来，统一修改样式
2）类选择器：差异化选择不同的标签，单独选择一个或某几个标签
口诀：（1）样式点定义
（2）结构类调用
（3）一个或多个
（4）开发最常用
多类名：把元素相同的样式放在同一个公共类中，个性的样式放在单独的类中，既可以节省 CSS代码，又方便统一修改
3)id选择器 ：id选择器与类选择器的区别
口诀：（1） 样式 # 定义
（2）结构 id 调用
（3）只能用一次
（4）别人勿使用
4）通配符选择器
基础选择器总结：

三、CSS常见文字属性：
1、字体属性：
1）字体系列 font-family
2）字号大小 font-size 单位px
3）字体粗细 font-weight （1）normal ：正常粗细，与 400 等值；
（2）bold ：加粗，与 700 等值。
4）字体样式 font-style
5）复合属性写法 font: font-style font-weight font-size/line-height font-family
字体属性总结：

2、文本属性：
1）文本颜色 color
2）文本对齐 text-align
3）文本装饰 text-decoration
4）文本缩进 text-indent
5）间距 line-height
文本属性总结：

3、引入方式：
1）内部样式表
2）行内样式表
3）外部样式表 （link标签引入）
引入方式总结：

今日重点单词和代码：
1. 哪个单词给盒子修改宽度？ width
2. 哪个单词给盒子修改高度？ height
3. 哪个单词给盒子修改背景颜色？ background-color
4. 哪个单词给文字修改大小？ font-size
5. 哪个单词给文字加粗或者取消加粗效果？ font-weight
6. 哪行代码可以给em 取消倾斜效果？ font-style: normal
7. 哪个单词可以给文字实现水平居中效果？ text-align: center
8. 哪行代码可以给文字实现 首行缩进2个字？ text-indent：2em
9. 哪行代码可以给链接取消下划线？ 同理，如何添加下划线？ text-decoration: none;/text-decoration: underline;
10. 哪个单词可以给段落设置行高？ line-height
有关HTML的表格、列表、表单知识汇总可点击

`` a href="https://www.cnblogs.com/kk199578/p/13904478.html"