大小都是愁的成长之路

语法transition :property duration timing-function delay;参数：property指定对哪呢个css属性值进行过渡          none(没有属性改变)；all（所有属性改变）这个也是其默认值；indent（元素属性名如color）          duration：规定过渡需要的时间（单位s/ms）       

‘~’选择器则表示某元素后所有同级的指定元素，强调所有的'+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的

1、溢出文本显示省略号的效果{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} text-overflow用来说明文字溢出时用什么方式显示 word-warp定义文本换不换行      2、@font-face用于将自己定义的web字体嵌入到网页中       属性...

阴影box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];text-shadow: X-Offset Y-Offset blur color;//文字阴影X-offset(必须)　　是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边；Y-offset(必须

CSS编码规范 》语法 》声明顺序 》其他1、避免使用@import与  标签相比，@import 指令要慢很多，不光增加了额外的请求次数，还会导致不可预料的问题。 2、媒体查询的位置将媒体查询尽可能放在相关css附近，减少遗忘。不要将他们打包放在一个单一样式文件中或者放在文档底部。3、带前缀的属性

前言Buttons 是一个高度可定制的、免费并且开源的按钮 CSS 样式库。.button是基本样式一、基本样式》形状：长方、圆角长方、正方 、圆角正方 、圆（默认，button-rounded，button-pill，button-square,button-box,button-circle） 》颜色：灰、蓝、绿、橙、红、紫、黑（默认、button-primary、bu

1、基本选择器浏览器支持情况：  通配符选择器（＊）,all  元素选择器(E)，all  类选择器（.className）所有浏览器都支持类选择器，但多类选择器（.className1.className2）不被ie6支持。  id选择器（#ID），all  后代选择器（Ｅ Ｆ），all  子元素选择器(E>F)，IE6不支持子元素选择器。

先了解一下目前的几种现代浏览器的内核，主流内容主要有  Mozilla（Gecko）（熟悉的有Firefox，Flock等浏览器）-moz-  WebKit（熟悉的有Safari、Chrome等浏览器）-webkit-  Opera(presto)（Opera浏览器）-O-  Trident（IE浏览器）。线性渐变(linear)第一个参数:指定渐变

截图思路：1、导航利用来判断点击的元素通过input：checked+a{}来为当前的元素添加样式2、顶部的三角，利用正方形div，旋转45度，再隐藏部分3、顶部的icon，下载表现形式为图行的字体，利用@font-face{}导入字体，相比图片减少网页加载4、载入时的平滑移动效果，利用移改变包含5个section的div的Y轴坐标实现滑动

语法 transform: rotate | scale | skew | translate |matrix;注：以往我们叠加效果都是用逗号（“，”）隔开，但transform中使用多个属性时却需要有空格隔开2D旋转 rotate（deg）//值为正时顺时针，为负时，逆时针移动translate（x,y）//若第二参数没写，默认为0

1.视频放大按钮的隐藏video::-webkit-media-controls-fullscreen-button{ display:none;}2.视频自动播放有时不起作用时，添加一个muted属性video muted src="XX" autoplay loop></video>3.捕获视频播放结束事件，可以通过video的属性end...