一、根底认知
1.css又称层叠样式表2.丑化html 给html减少款式二、语法规定
1.css写到style标签中，style标签个别写到head标签里，title下2.css的标点符号是英文的3.键值对后有分号三、css属性
color 文字色彩font-size 文字大小background-color 背景色彩width：200px 标签宽度（带单位）height：100px 标签高度（带单位）四、引入形式
1.内嵌式：css写道style标签中 范畴：以后网页 应用场景：小demo2.外链式：（罕用）css写到独自的css文件中 link引入 我的项目中应用 配合js应用3.行内式：（少用）写到标签的style属性中五、根底选择器
1.标签选择器：利用标签名字抉择元素 标签名{属性名：属性值} 留神： ①不可进行差异化设置，若设置，会导致所有标签都变动 ②无论嵌套多深，都会找到对应标签（与写到哪里无关）2.类选择器 .类名{属性名：属性值} ①找到要抉择的标签，给这个标签减少class属性，属性值随笔那定义 ②在css款式中应用 ‘.+类名’ 的形式调用 ③一个标签能够有多个类名3.id选择器 #id属性值{属性名：属性值} ①所有标签都有id属性 ②id属性在页面中惟一且不可反复 ③一个标签只有一个id属性值4.通配符选择器 ✳{属性名：属性值} 抉择页面中所有的标签，设置对立款式六、字体和文本的款式
1.字体款式 ①字体大小 font-size 取值：数字+px 谷歌默认16px ②字体粗细 font-weight 取值：100-900（整数，数字越大，越粗） 罕用 400 700 ③字体款式 font-style italic歪斜 normal失常 ④字体复合写法 font：style weight size family 程序要求：swsf 省略要求：只能省略前两个，如省略，相当于设置了默认值 留神点：如需共事色织独自和连写模式 要么把独自的款式写到连写下边 要么把独自的款式写到连写里边2.文字款式 依据字体大小设置 ①文字缩进（首行缩进） em单位（绝对单位） 绝对于文字大小来进行计算 ②文本程度对齐形式（只能在独占一行的元素增加） 属性名：text-align （left，center，right） 留神：如果须要让文本程度居中，text-align属性给文本所在标签的父元素设置3.文本润饰 text-decoration（鼠标悬停） 装璜线：decoration 清空下划线：text-decoration：none 上划线：text-decoration：overline 中横线：text-decoration：line-through4.程度居中办法 text-align：center 可让文本 span标签 a标签 input标签 img标签（放在独占一行的元素里） 留神：须要给父元素设置 margin：0 auto； 让大盒子居中，间接给以后元素自身设置 须要设置盒子自身的宽度 个别针对于固定宽度的盒子，如大盒子自身没有设置宽度，此时会默认占满父元素的宽度5.行高 line-height 作用：管制里手女 取值：数字+px 利用： ①让单行文本垂直居中可设置，文字父元素行高 ②网页精准布局时，会设置行高line-height：1，可勾销高低间距七、Chrome调试工具 批改和调试款式（定位谬误点） F12
1.打开方式2.抉择元素3.调试款式4非凡状况（删除线，小三角）八、色彩的常见取值
1. 0-9 A-F 十六进制取值（可用取色器获取色彩值 开发时应用较多）2. div{color：red}3. rgb（255，255，255） 255可示意0-255的取值4. 半透明色 color:rgba(num，num，num，0-1) 0示意齐全通明 1示意齐全不通明5.通明色 color：transparent；齐全通明