css

CSS
三种样式表：（根据书写的位置或引入的方式）
1.行内样式表（行内式）
2.内部样式表（嵌入式）
3.外部样式表（链接式）

一.选择器：
1.标签选择器：所有相同的标签
eg:< style >
< p > {
color: red;
}
< /style >
< p >*********< /p >
2.类选择器：
1).一个或多个标签（class=""）
eg:< style >
.red {
color: red;
}
< /style >
< p class=“red” >********< /p >
2).多类名：
< p class=“red sdsd” >< /p >
3.id选择器：只能选择一个标签
eg:< style >
#red {
color: red;
}
< /style >
< p id=“red” >************< /p >
注：id属性在一个HTML文档只能出现一次，只能调用一次
4.通配符选择器：页面中所有的元素
font

属性	表示	注意点
style	字体样式	italic（倾斜）normal（不倾斜）
size	字号	一定要加单位，通常单位是px（像素）
weight	字体粗细	加粗（bold，700）不加粗（normal，400）【不加单位】
family	字体

font复合语句:font: font-style font-weight font-size/line-height font-famliy;
注：
1.不能更改顺序，之间用空格隔开
2.不需要设置的属性可以省略，但必须保留font-size和font-family属性，否则font不起作用。
color(文本颜色)

表示	属性
预定义的颜色值	red，green，blue
十六进制	#ff0000，#cc00ff
RGB代码	rgb(255.0.0),rgb(100%.0%.0%)

text-alight(对齐方式)
text-decoration(装饰文本)

属性	效果
none
underline	下划线 链接a自带下划线（主要）
overline	上划线
line-through	删除线

text-indent(文本首行缩进)
单位：
em:是一个相对单位，相当)
line-height(行间距)

Emmet语法

1.1快速生成HTML结构语法

1.生成标签 直接输入标签名按tab键即可 比如div 然后按tab键 就可以生成< div >< /div >

2.如果想要生成多个相同标签 加上*数字即可 比如div*3 就可以生成3个div

3.如果有父子级关系的标签 可以用> 比如 ul>li就可以

4.如果有兄弟关系的标签 用+就可以 比如div+p

5.如果是带有类名或id名字的 直接写.asd或#asd 然后tab键

6.如果生成的div类名是有顺序的 可以用自增符号$

7.如果想要在标签内部写内容可以用{}表示