CSS3第一天（基础选择器+复合选择器）

1.选择器

基础选择器：标签选择器（某一类标签）、类选择器（一个或几个标签，最常用）、id选择器和通配符选择器

标签名{

属性1：属性值1;

属性2：属性值2；

...

}

类选择器（可以多个标签使用）

.类名{

属性1：属性值1；

...

}

<ul>

<li class="red">大雨</li>

</ul>

类名长的，可以用短横线分割，最好用英文，别出现数字和汉字
使用相同样式的，可以提前出来放一个样式类里，class里引用多个，空格分割，方便统一修改。

id选择器（只能被用一次，修饰页面唯一属性的元素） #id名字{xxx}  id在标签那声明一下。

通配符选择器（无需调用，作用于所有元素）*{}

 2.字体属性

font-family设置字体系列  标签名{font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif}  会先看第一个字体电脑有没有，没有则看下一个。

font-size设置字体大小 单位px最常用  不同浏览器默认显示字号可能不一致，我们尽量给一个明确值大小。可以给body指定整个页面文字的大小。

font-weight设置字体粗细 normal默认不加粗 bold加粗 100-900 400等同于normal,700等同于bold，主要不跟单位。开发中更喜欢用数字。可以让strong、h变的不加粗。

font-style设置文本风格 倾斜italic 让em、i标签变的不倾斜用normal

font复合写法：

前提：对应位置不能变，size和family必须有

text-align文本对齐 left（默认） right center  设置元素内文本内容的水平对齐方式 

text-decoration装饰文本 none（默认） underline下划线（常用） overline上划线 line-through删除线-------------重点记：如何加、删下划线（即声明none）

text-indent缩进 2em:缩进当前元素2个文字大小的距离

line-height行间距 上间距=下间距 用标尺量第一行的下沿，到第二行的下沿。

CSS引入样式：

行内样式引入：<p style="color:pink; font-size:20px;">适用于修改小部分样式时，权重高。

内部样式表：单独写<style>里，可以控制一个页面。

外部样式表：需要引入，控制多个页面。<link rel="stylesheet" href="css文件路径">

 

复合选择器：

后代选择器 后代的样式更改  元素1 元素2 。。。{样式声明}

子元素选择器 只对亲儿子（离他最近的）的样式更改 元素1>元素2{样式声明} 

并集选择器 作用于多组声明共同的属性 元素1，元素2{样式声明}

链接伪类选择器 a:link（未点击、访问过） a:visited（点击过的） a:hover（鼠标经过时） a:active（鼠标点击时）

注意按以上顺序love hate(lvha)  项目中，常常先写a的样式，再a：lvha的样式

focus伪类选择器  input:focus{}   input获得光标时设置的样式