CSS学习(一)

开始一个CSS文件

先生成一个我们想要的Html文件
快捷键：html:5+tab
就会出现html5模板
然后创建一个首页

在同一文件建立一个css文件。
css语法格式类似：

将CSS和html文件联系起来
这是外部样式表

想设置h2标题为红色

CSS是cascaded，以最后的为准

在浏览器中右键检查，可以直接查看样式，并做出一定修改

如果是某个特定的元素，可以用到内联样式

还有一种是内部样式表 和外部样式表一样是放在head里面的

CSS Properties

参考网站css-tricks
里面是properties大全

CSS Selector

css_selectors

CSS父元素应该在子元素前面
CSS有以下几种常见选择器
.class

#id
id是唯一的

是代表所有的
一般放在CSS开头
但是子元素有定义的话，就按子元素得来

element

element,element

element element
选中所有的在h2里面的p

element > element
选中所有父元素中有h2的p

element + element
选中所有跟在h2后面的p

hover
把鼠标移动上去后显示的样式

只针对第一个或者最后一个 first-child last-child

What Selector win out in the cascade depends on:
如何判断选择器的重要程度
specificity
越详细就会越重要（内联最高）
important
加在某个上面，就会以这个为标准
source order
我们有两个links链接css，以最后的那个css为准

Text and Font

如果没有字体样式，可以直接加一个link从google font下

CSS中的图片

footer
需要有个clear，保证注脚在文字和图片下面

Box Model箱子模型

CSS尺寸换算(px vs em vs rem)

em直接是父元素的倍数

rem是针对根元素的倍数