css基础：
基础选择器+字体文本相关样式 css介绍：css=层叠样式，其作用是给页面中的HTML标 签设置养殖；；语法规则：css写在style标签中，style标签一般卸载head标签里面，title标签的下面；； 常见属性有：color=文字颜色；；font-size=字体大小；；background-color=背景颜色；；width=宽度；；height=高度；； 敲代码的时候尽量换行，会有代码提示，否则没有提示 注意点：css标点符号都是“英文状态”下的，每一个样式键值对写完后，最后需要些分号（；）
css引入方式有三种：
1.内嵌式；
CSS 写在style标签中，style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中，在title下面。
2.外联式；
CSS 写在一个单独的.css文件中，需要通过link标签在网页中引入(stylesheet关系；样式表)（在title下面输入link）
3.行内式；
CSS写在标签的style属性中，基础班不推荐使用，之后会配合js使用；；例如div style="color:green;空格 后可以继续添加想要的属性"；行内式有局限性，只限改变当前标签内容的属性
css内嵌式：
css写在style标签中，作用范围在当前页面，使用场景一般是小案例
外联式：
css写在单独的css文件中，通过Link标签引入，作用范围在多个页面，使用场景多用于项目开发当中，使得整体代码整洁清晰。
行内式：
css写在标签的style属性中，作用范围只在当前标签，使用场景配合javascript,使用次数比较少。
选择器就是找标签用的；CSS属性=属性名：属性值；（在网页中“px=像素”）css写数值单位都要用px；
所谓的标签选择器，就是以标签名命名的选择器；特点：选择所有的这个标签都生效css
类选择器；
尽量（见名之意）结构：.类名{css属性名：属性值；}（前面加个.的意思是定义类选择器）；作用：通过类名，找到页面中所有带有这个类名的标签，设置样式。注意点：所有标签上都能加class属性，class属性的属性值为类名（类似于名字）；；类名可以由数字，字母，下划线，中划线组成，但不能以“数字或者中划线开头” ；；（一个标签可以同时有多个类名，类名之间需要“空格隔开”）；；类名可以重复，一个类选择器可以同时选中多个标签 类选择器要先去定义和使用才能生效；但凡是使用类选择器，都是在标签身上加上class属性，类选择器定义的名字是什么，标签里属性的class=定义好的名字；就能直接使用了。
注意事项
如果vscloud软件里面出现红色波浪线的时候，百分之百都是语法有错误
id选择器：
未来配合js的时候找标签用的，暂时用不上 结构：#id属性值{css属性名：属性值；}，通过id属性值，找到页面中带有这个id属性值的标签，设置样式；注意点：所有标签都可以添加id属性，id属性值类似于身份证号码，在一个页面中是唯一的，不可“重复”的，一个标签上只能有一个id属性值，一个id选择器只能选中一个标签。因为id选择器从来都不是用来做美化工作的，而是用来配合javascript做动态效果的。一个页面只能有一个ID
通配符选择器：
找到页面中的所有标签，设置样式；*{css属性名：属性值；}；注意点：开发中使用极少，只会在极其特殊情况下才会用到. 清除标签默认样式:margin ;padding为0
字体大小：属性名font-size；
取值：数字+px；注意点：谷歌浏览器默认文字大小是16px，单位必须要设置，否则无效。最小的字体12px
字体粗细:属性名font-weight；
取值；“关键字“正常：normal；；加粗：bold；；”纯数字100-900的整百数“正常：400；；加粗：700；；注意点，不是所有字体都提供了九种粗细，因此部分取值页面中无变化，实际开发中以：正常，加粗两种取值使用最多。推荐使用数字写法，方便
字体样式（是否倾斜）：属性名font-style
取值；正常（默认值）：normal；；倾斜：italic
字体系列:font-family属性名；
从左往右按照顺序查找，如果电脑中未安装该字体，则显示下一个字体，如果都不支持，此时会根据操作系统，显示最后字体系列的默认字体；；注意点：如果字体名称中存在多个单词，“推荐使用引号包裹”，最后一项字体系列不需要”引号”包裹，网页开发时，尽量使用系统常见自带字体，保证不同用户浏览网页都可以正确显示。（保证网页展示字体是以自己要求的方式展示出来）网页常用：”无衬线字体（sans-serif）属于字体系列“ 常见取值：具体字体1，具体字体2，具体字体3··字体系列
样式的层叠问题：
如果给同一个标签设置了相同的属性，此时样式会层叠（覆盖），写在最下面的会生效（即下面覆盖上面/后面的覆盖前面的属性）
字体font相关属性的连写：
属性名font（复合属性）；取值：font：（ s w s f）“style weight" size family;(中间都要空格隔开)只能省略前两个（顺序是绝对不允许改变的）（省略时；size跟family必须保留，否则font属性将不起作用），如果省略了相当于设置了默认值。；；注意点：如果需要同时设置单独和连写形式，把单独的样式写在连写的”下面“，一个属性冒号后面书写多个值的写法，这个属性就叫做复合属性；；；sans-serif；用来结尾，记得最后结尾要有 ；(分号)
文本样式；文本缩进
：text-indent/文本水平对齐方式:text-align/文本修饰：text-decoration;; 文本缩进：属性名text-indent，取值:数字+px/数字+em（推荐：1em=当前标签的font-size的大小） 1em=一个字的大小；谷歌浏览器默认像素为16px；因为1em=默认值16px；；2em两个字的大小就为32px。 最为合适的：“text-indent:2em; ”这样刚好又方便为两个字的大小
文本水平对齐方式；属性名text-align/取值；
left左对齐/center居中对齐/right右对齐；；如果需要让文本水平居中，text-align属性给文本所在标签（文本的父元素）设置 水平居中方法总结:text-align:center；；可以让文本，span标签，a标签，input标签，img标签居中；注意点：如果需要让以上元素居中，text-align：center 需要给以上元素的“父元素”设置
文本修饰；属性名text-decoration；
；属性值有/underline下划线（常用）/line-through删除线（不常用）/overline上划线（几乎不用）/none无装饰线（常用）；；注意点：开发中会使用text-decoration：none; 清除a标签（链接）标签默认的下划线。
行高；属性名line-height；
取值数字+px，倍数（当前标签font-size的倍数）/应用：让单行文本垂直居中可以设置line-height:文字父元素高度，网页精准布局时，会设置line-height:1 可以取消上下间距；；如果同时设置了行高和font连写，注意覆盖问题，font：style weight size/line-height family; 行高是上间距与下间距的距离加起来组成的；“垂直居中技巧：设置行高属性值=自身高度属性值（前提文字是单行的）”
chrome谷歌浏览器测试工具：
遇到黄色感叹符合，代表语法格式有问题，无法正常使用/遇到删除线就是该代码被层叠无法正常显示/还有一种可能就是自己打了注释标签的代码也会有删除线。
margin：0 auto ：元素水平居中(标签居中) text-aline:center; 也是居中（文字内容居中）
div：就是用来网页布局，一个页面可能使用无数次，原则：如果使用div，尽量使用类名控制样式！
