CSS基础学习第二天

1.Emmet语法
1.1快速生成HTML标签
（1）生成标签：直接输入标签，按下Tab键就可以。
（2）生成多个标签：输入标签加上*几即可。比如div*3,就生成三个div.
（3）如果有父子级标签，就是用>，比如ul>il
（4）兄弟级标签：用+就可以，比如h1+p
（5）生成带有类名或者id名字的，直接写.demo或者#two tab键就可以。
（6）div类名有顺序，可以用自增符号$.
（7）如果想要在生成的标签内部写内容可以用{}表示。

1.2快速生成CSS标签
CSS基本采取简写模式
（1）比如w200 按tab可以生成width:200
（2）比如lh26 按tab 可以生成 line-height:26px.

1.3快速格式化代码

2.复合型选择器
2.1含义：复合选择器就是把基础选择器进行组合形成而来。

2.2后代选择器（重要）
含义：又称为包含选择器，可以选择父元素里面的子元素；
写法：把外层写在前面，内层写在后面，中间用空格分割，当标签发生嵌套时，内层标签就成为外层标签的后代。

注意：（1）如果有多个相同的标签组，可以加上类（class）来进行区分。

2.3子选择器（重要）
子选择器只能选择作为某元素的最近一级子元素，简单来说就是选亲儿子元素。

2.4并集选择器（重要）
可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明。

2.5伪类选择器
伪类选择器用于向某些选择器添加特殊的效果，比如给来凝结添加特殊效果，或者选择第一个，第n个元素。
2.5.1链接伪类选择器
a:visited中如果设置的链接都是一样的，那么点击其中一个，其他也会变色

注意事项：
（1）为了确保生效，必须要按照LVHA的顺序声明：link-visited-hover-active(记忆方法：love hate
（2）因为A连接在浏览器中具有默认样式，所以实际我们都要基于链接单独的指定样式。因为你就算在BODY中指定样式，也无法改变a的样式。
（3）

2.5.2：focus伪类选择器
主要用于获取焦点（光标）的表单元素。
只有类表单元素才能获取，主要针对表单元素来水。

2.6复合选择器的总结
主要用到三个：后代选择器，并集选择器，链接伪类选择器

3.CSS元素显示模式
3.1什么是元素模式
1.元素显示模式就是元素（标签）以什么方式显示。
2.HTML元素一般分为块元素和行内元素两种。

3.2块元素

注意点：
（1）文字类元素不能使用块级元素。
（2）

标签主要用于存放段落文字，因此里面不能放块级元素。
（3）同理，其他类似元素

等也不能放块级元素。

3.3行内元素（不用特意记忆，只用记忆他的相关特点即可）

注意：
（1）链接里面不能再放链接了
（2）特殊情况里面可以放块级元素，但是给转换一下块级模式最安全。

3.4行内块元素（特殊的一种元素显示模式）

3.5总结

3.6元素显示模式转换
最主要的是块级元素和行内块元素的转换。

一个小工具使用：

3.7小技巧：让单行文字垂直居中的代码

4.CSS的背景
1.背景颜色

2.背景图片

3.背景平铺
一般默认情况下会背景平铺。

注意：背景平铺下，仍然可以添加背景颜色，但是背景平铺会掩盖背景颜色。

4.背景图片的位置

（1）跟方位词

5.背景图像固定（背景附着）

6.背景复合写法

7.背景色半透明

8.总结