一、css3的新选择器
E:nth-child(n) 选择器匹配其父元素的第n个子元素，不论元素类型，n可以使数字，关键字，或公式
E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素
E:frist-child 相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应
E:frist-of-type 相对于父级做参考，“特定类型”（E）的第一个子元素
E:empty 选择没有子元素的每个E元素
E:target 选择当前活动的E元素
::selection 选择被用户选取的元素部分
属性选择器
E[abc*="def"] 选择adc属性值中包含子串"def"的所有元素
二、文本
text-shadow:2px 2px 8px #000;参数1为向右的偏移量，参数2为向左的偏移量，参数3为渐变的像素，参数4为渐变的颜色
text-overflow：规定当文本溢出包含元素时发生的事情 text-overflow:ellipsis(省略)
text-wrap：规定文本换行的规则
word-break 规定非中日韩文本的换行规则
word-wrap：对长的不可分割的单词进行分割并换行到下一行
white-space：规定如何处理元素中的空白 white-space:nowrap 规定段落中的文本不进行换行
三、边框
border-raduis 边框的圆角
border-image 边框图片
.border-image {
border-image-source:url(images/border.png);
boder-image-slice:27;
border-image-width:10px;
border-iamge-repeat:round; (round平铺) 平铺效果不作用于四角，只适应与四边
}四、背景
rgba
backgrounnd-size:cover/contain，其中background-size：cover，会使“最大”边进行缩放，另一边同比缩放，铺满容器，超出部分会溢出。background-size:contain，会使“最小”边进行缩放，另一边同比缩放，不一定铺满容器，会完整显示图片
五、渐变
linear-gradient
background-image:linear-gradient(90deg,yellow 20%,green 80%)radial-gradient
background-iamge:radial-gradient(120px at center center,yellow,green)六、多列布局
column-count
column-width
column-gap
column-rule
七、过渡
transition
transition-property:width //property为定义过渡的css属性列表，列表以逗号分隔
transition-duration:2s; //过渡持续的时间
transition-timing-function:ease;
transition-delay:5s //过渡延迟5s进行
八、动画、旋转
animation
transform ：translate（x,y) rotate(deg) scale(x,y)
translate
scale
rotate
skew（倾斜）
九、flex布局
十、@media媒体查询
CSS3 transform详解，关于如何使用transform
transform是css3的新特性之一。有了它可以box module变的更真实，这篇文章将全面介绍关于transform的使用。
css3中样式计算属性calc()的使用和总结
在css3样式中有一个类似与函数的计算属性calc()，它主要用于指定元素的长度，无论是border、margin、pading、font-size和width等属性都可以使用calc来设置动态值。
css3渐进增强 VS 优雅降级
进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。
css3增加的的属性值position:stricky
position:sticky,这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。position:sticky 的生效是有一定的限制的
纯css3实现饼状图
网页中,有时候会碰到饼状图的需求，比如统计图表，进度指示器，定时器等，实现方式也是各种各样，现在也有不少现成的js库，可以直接拿来使用，方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。
css3实现背景图片颜色修改的多种方式
css3可以改变图片的颜色了。从此再也不用设计出多张图，而且随时可以修改。下面就简单介绍下css3中是如何做到改变背景图片的颜色效果的。
CSS3 动画性能优化
CSS3 动画给 Web 的用户体验带来了巨大提升，本文将尝试从浏览器渲染的角度，来解析动画优化的原理及其技巧。为大家提供一些动画性能优化的参考。
CSS3中一些鲜为人知的属性
CSS3是CSS（层叠样式表）技术的升级版本，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。这篇文章主要整理一些关于css3中的鲜为人知的属性
css3特效_CSS3弹跳Loading加载动画特效的实现
今天给大家分享一款非常常用的css 加载动画，这款CSS3 Loading动画主要由几个小球通过规律的上下跳动，渐隐渐显而成，效果十分不错。尤其在移动端中使用，基本代替了图片来实现加载的效果。
css3中计数器的使用
css3里有个很强大的功能，就是计算器，使用它可以很方便对页面中的任意元素进行计数，实现类似于有序列表的功能。与有序列表相比，突出特性在于可以对任意元素计数，同时实现个性化计数。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!