小幸福

（九）E:first-of-type意思是，在父元素下面寻找 第一个所匹配的子元素。 下面的ul 和li，在ul 里面找到第一个li（十）E:last-of-type在有父元素的里面找最后一个 E 跟上面的选择器一样， 他选的是第一个， 这个选的是最后一个（十一）E:only-of-type匹配父元素的所有子元素中唯一的那个子元素（十二）E:nth-of-type(n)匹配父元素的第n个子元素，跟E:nth-child(n) 差不多。不过 nth-child...

一、伪类选择器（一）Pseudo-Classes Selectors(伪类选择器)　　E:not(s)　　E:root　　E:target　　E:first-child　　E:last-child　　E:only-child　　E:nth-child(n)　　E:nth-last-child(n) （二）这一行的选择器，都会考虑其他元素的的影响。　　E:first-of-type　　E:last-of-type　　E:only-of-type　　E:nth-of-type(n)　　E..

W3C的解释用一句话概括：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。单冒号写法兼容性比较强[可支持解析的浏览器较多],双冒号的写法只支持较新的主流浏览器;基础理论::before和::after是用来给元素添加额外内容的,因为只存在于作用元素内容的前后 ::before和::after内部的content支持以下三种特性! 字符串[“可以是符号什么的也可以是单纯的字符” ,支持unicode编码!!] 属性[attr(), 可以获取标签上的元素属性,比如data-...

一、圆形实现方式代码如下：示例图：、虽然很简单，但也是常见面试题之一。

一、经典三角形实现方式（一）等边三角形朝上 代码如下：示例图如下：（二）等边三角形朝下代码如下：示例图：（三）等腰三角形朝下（四）等腰直角三角形代码：示例图：由此可见，网站中布局用图片，尽量去css实现，页面和网站的性能要高一些，也是常见面试题之一。...

（一）文字容器内水平垂直居中，text-align，height和line-height。 代码如下：示例图如下：（二）图片容器内水平垂直居中，注意只有text-align，height和line-height是达不到完全的水平垂直居中；需要再给图片设置一下垂直居中即vertical-align。此种布局适合于logo和文字同一行时。代码如下：示例图如下：（三）利用position对图片容器内水平垂直居中。 代码：示例图：...

一、常见两栏自适应布局（一）利用浮动进行布局代码如下：示例图：（二）利用定位position进行布局 代码如下：示例图：

一、深度讲解css定位position（一）absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。祖上元素都没定位就相对第一个即最外层的祖先元素进行定位，如果有祖上元素设置了position：relative、absolute、fixed就相对此祖上元素定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。（二）fixed：生成固定定位的元素，相对于浏览器窗口进行定位。（三）relative：生成相对定位的元素，

一、盒子模型（一）CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：margin、border、padding、content(width、height)。 （二）盒子模型分两种:1.标准盒子模型，模型成员：margin、border、padding、content；content不包含其他成员；2.怪异盒子模型(IE盒子模型)，模型成员：margin、border、padding、content；content包含border和padding；3.给...