CSS入门学习

一。What?

CSS的全称是CascadingStyle Sheet，汉语意思是“级联样式表”。通常又称为“风格样式表（StyleSheet）”。它是用来进行网页风格设计的。

比如，在网页的设计中，在HTML页中仅仅增加网页内容，而将网页样式（比如，大到网页的布局结构。小到字体大小等）放在别处，实现了网页的内容和样式相分离，这样，在更改样式时。不影响内容。

能够说，CSS将网页中的内容和样式分离开，让它们各自变化，解除了耦合。

二。CSS的选择器

在CSS里面，有3种选择器，Class选择器。Id选择器。HTML选择器。

在这3种选择器中，我们都能够定义样式。可是，假设同一时候使用了多种样式，当中某些样式设置又是冲突的，这是该怎样解决呢？  有两个办法：

方法1：使用优先级：这3中选择器的优先级顺序为：id>class>HTML标签选择器；

方法2：对于同样优先级的，依照样式表排列的先后顺序确定，使用排列在样式表前面的；

这个使用规则在计算机的非常多地方都出现过。比如：使用运算符进行计算。出现中断怎样处理等等。

三。CSS核心内容简单介绍

1。标准流

简单理解就是页面中标签的排列方式：就像流水那样，排在前面的东西先出现，排在后面的后出现。

2，盒子模型

盒子模型在层次上感觉就像是俄罗斯套娃，一个套一个：

类比标准盒子模型：

看起来有点儿层次结构不好理解啊！！now。for example,我们在京东上买了个手机，这是我要包装的内容（content）,然后在手机外面包上防震泡沫，这是padding,最后为了保险，还包上3cm厚的纸箱。这层是border. 为了防止不同盒子之间的碰撞。还要留出一个margin，ok,上面4层就形象啦~

3 ，float  &  position

依照标准流排列标签的方式感觉是先后顺序出来的，可是实际中，我们很多其它时候是要打破这样的单一的按顺序排列的方式，浮动和定位产生了丰富的页面排列方式。