CSS操作一.基础选择器标签选择器标签名{
标签样式
}2.类选择器别名1 {
样式1
}
.别名2 {
样式2
}
<div class='别名1别名2'>文字</div>3.ID选择器#id名{
属性1：属性值1；
}
<div id='id名'>文本</div>4.通配符选择器二.字体字体类型font-family:"微软雅黑;2.字体大小font-size:10px;注意：标题比较特殊，一般要单独设置一次。3.字体粗细font-weight:bold;提倡使用数字来改变粗细4.文字样式字体复合属性body {
font :normal 700 20px '微软雅黑';
} 三.文本属性1.文本颜色对齐文本.装饰文本文本缩进{
font-size=20px;
text-indent:2em;
}注意：em缩进会自动判断文字大小，会跟随font-size变化，所以我们一般不用px。5.行间距注意：测量行间距可以从上一段文字的底部到下一段文字的顶部。四.CSS引入方式1.内部样式表正常在head与html在同一个网页下写,然后正常写.2.行内样式表<pstyle="color:red;font-size=20px;">行内样式表测试</p>3.外部样式表注意：新建的css文件，不需要任何标签，直接写文本属性就行。五.emment语法难点想要类，标签等顺序生成：代码：
div.（#）demo$*5;
效果：
<div class（id）="demo1"></div>
<divclass="demo2"></div>
<divclass="demo3"></div>
<divclass="demo4"></div>
<divclass="demo5"></div>想要文本里面顺序生成数字：代码：
div{$}*5;
效果：
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>六.复合选择器后代选注意：强龙不压地头蛇，嵌套A元素1元素2和嵌套B元素1元素2元素3，如果有三种元素嵌套的，优先使用的是B的样式属性。2.子元素选择器.并集选择器4.链接伪类选择器5a:active:即为一直按下为松开时的颜色。注意事项：6一般情况下，我们只需要用hover，即鼠标放上去更改属性就可。5.:focus伪类选择器表单元素：<inputtype='text'>解释：当你点击表格时，表格会自动填充你所指定的颜色七.元素显示模式1.块元素重点p，h都是文字标签，不能嵌套块级元素，虽然效果一样，但到页面层面f12打开代码会看出错误。2.行内元素3.行内块元素.元素之间的区别与5.单行文字垂直居中的原理0八.CSS的背景1.背景颜色.背景图片i.背景平注意：默认情况下是平铺的4.背景位置尽量把两个位置参数值都写上。5.背景固定0默认为滚动的效果。6.背景色半透明注意：1. 本质上是盒子半透明，盒子内的文字不受影响。2. a的取值越高，透明度越低，1即为全色，0即为全透明，不显示。7.背景快捷设置div {
background:颜色url()no-repeate fixed位置
}九.CSS三大特性1.层叠性i相同样式冲突采用就近原则2.继承性一般会给body写1.5，让文本文字自动调整行间距，这是动3.优先优先级：！important>行内>ID>类>标签!important用法：div {
color:pink!important;
}注意继承的权重为0，所以我们一般直接看该标签的样式。如：链接链接自动定义的样式为a{color：blue;} 所以我们更改链接颜色，一般要再写一次a的样式4.权重叠加注意：1.复合选择器可以使权重叠加，这里权重并不是二进制，所以也不会有进位。2.继承的权重都为03.伪类选择器，如：a:hover 其实a是元素选择器，:hover是伪类选择器,所以他们的权重也是按上图叠加的。
