-
CSS3中的动画
CSS3中的动画中使用的属性在各个浏览器中的支持是不一定兼容的，我们在属性钱添加前缀来实现各个浏览器的兼容-ms-兼容IE9 -webkit-兼容Safari和Chrome -o-兼容Opera -moz-兼容Firefox 为了节省篇幅，下面仅出现一次兼容性的语句，之后都不做兼容，在实际使用中自行添加兼容性语句。一、2D转换，通过transform属性实现transform-origin: x y; //设置转换时的相对中心，默认为元素的中心 transform-origin: bottom left; 1、translate()方法位移div { transform: tra...
2017-08-20 -
Google推荐的html/css规范
介绍一下Google推荐的HTML和CSS编写格式规范，以建立良好的个人编码习惯通用样式规范省略图片、样式、脚本以及其他媒体文件URL的协议部分(http:,https:)，除非文件在两种协议下都不可用这种方案称为protocol-relativeURL，好处是无论你是使用HTTPS还是HTTP访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节<script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> .example {backgroun...
2017-02-21 -
CSS中背景颜色渐变
一、linear-gradient：背景颜色线性渐变linear-gradient(方位, 起始色, 末尾色)方位：可选参数，渐变的方位。可以使用的值有 to top to top right to right to bottom to bottom left to left to top left 起始色 必选参数，颜色值 末尾色 必选参数，颜色值 也可以使用以角度单位的数值来设置方位。比如 0deg(0 度)相当于to top角度会沿逆时针方向随着你的角度的增加而增加(可以是负值)。background-image: linea...
2016-12-16 -
CSS的隐藏、盒子阴影轮廓、光标样式
一、css中的隐藏元素：opacity：0 隐藏该元素，不会改变页面布局，已绑定事件可以正常触发 visibility:hidden 隐藏该元素，不会改变页面布局，也不会触发已绑定的事件 display:none 隐藏该元素，会改变页面布局，可以理解成在页面中把该元素删掉 z-index=-1 置于其他元素下面 二.盒子阴影轮廓：盒子的阴影box-shadow属性，该属性有很多值：hoffset：阴影的水平偏移量，是一个长度值，正值表示阴影向右偏移，负值表示阴影向左偏移。 voffset：阴影的垂直偏移量，是一个长度值， 正值...
2016-12-16 -
CSS中表格与列表样式
表格：表格有五种独有样式如下：一、border-collapse：separate：默认值，单元格边框独立(单元格之间有间隔) collapse：单元格相邻边框被合并(单元格之间没有有间隔) 二、border-spacing：设置相邻单元格之间的间隔距离三、caption-side：设置标题标签中相对表格的位置，有top和bottom两个值(都是有居中属性)四、empty-cells：空单元格是否显示边框show：默认值，显示边框 hide：不显示边框 五、table-layout：auto：默认值，内容过长时，拉伸整个单元格 fixed：内容过长时，不拉伸整个单元格，会在单元格内换行显...
2016-12-16