本文介绍CSS的引入方式、选择器类型及字体文本样式的设置方法。包括内嵌式、外联式和行内式引入，标签、类、ID选择器等，并详细讲解了字体大小、粗细、样式等属性。
css引入方式：
1.内嵌式，写到<head>里面，<style>。（小案例适用）
2.外联式：写在单独的css文件中，通过link标签引入。（head里写<link rel="stylesheet" herf="css文件链接">）（开发项目适用）
3.行内式：写在标签内部style中，（配合js使用）
选择器：
1.标签选择器
2.类选择器
.属性值｛｝需要定义，标签后加class=“属性值”，名字可以为数字，字母，下划线，中划线组成，但是不能以数字或者中划线开头。一个标签可以同时拥有多个类名，用空格隔开。
3.id选择器
#属性值｛｝通过id属性值，找到页面中代表id属性值的标签，设置样式。（主要是配合js使用）一个标签只能有一个属性值。同一id属性值只使用一次。
4.通配符选择器
*｛｝选择所有的标签，一般用来清除内外边距。*｛margin:0;padding:0;｝
5.后代选择器：空格隔开
属性值1（空格）属性值2（空格）属性值3……
6.子代选择器：>
div>p｛｝只选择儿子
7.并集选择器：，
选择器1，选择器2｛｝
8.交集选择器：
选择器1选择器2｛｝
9.hover伪类选择器：
选择器：hover｛｝
字体和文本样式：
1.字体
1.1字体大小 font-size 数字+px（默认16px）
1.2字体粗细 font-weight 属性值类型1 normal（正常）、blod（加粗） 类型2. 400（正常）、700（加粗）
1.3字体样式 font-style 属性值normal（正常）italic（倾斜）
1.4常见字体系列
1.4.1无衬线字体（sans-serif）特点：粗细均匀，首尾无装饰，ps：黑体、Arial（常见网页）
1.4.2衬线字体（serif）粗细不匀，首尾有笔锋装饰，ps：宋体、times new roman（常见报纸书籍）
1.4.3等宽字体（monospace）每个字母汉字宽度一样，ps：consolas、fira code
1.5字体系列 font-family windows默认微软雅黑；macos默认苹方；
1.6样式层叠问题 后面覆盖前面
1.7字体font属性简写（复合属性） font：style weight size/line-height family；（可以省略style weight，字号和行高用斜线隔开）
2.文本样式
2.1文本缩进 text-indent 像素值、em值（em为一个字的大小）
2.2文本水平对齐 text-align left（左） center right（可以给文本图片超链接加对齐方式，给父元素属性值）
2.3文本修饰 text-decoration underline（下划线）line-through（删除线）overline（上划线）none（无装饰线，一般用作取消超链接下划线）
3.1行高 line-height px、倍数； （ 上间距，文字高，下间距加起来为行高。）
chrome（谷歌浏览器调试工具） 浏览器检查-----elements（删除线：层叠，注释没生效；黄叹号：写错了）
emmet语法：通过简写语法，快速生成代码：
扫一扫
1013
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
