实用的60个CSS代码片段
1、垂直对齐
如果你用CSS
,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3
的Transform
,可以很优雅的解决这个困惑:
1 | .verticalcenter{ |
使用这个技巧,从单行文本、段落到box,都会垂直对齐。目前浏览器对Transform
的支持是需要关注的,Chrome 4
, Opera 10
, Safari 3
, Firefox 3
, and Internet Explorer 9
均支持该属性
如果你用CSS
,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3
的Transform
,可以很优雅的解决这个困惑:
1 | .verticalcenter{ |
使用这个技巧,从单行文本、段落到box,都会垂直对齐。目前浏览器对Transform
的支持是需要关注的,Chrome 4
, Opera 10
, Safari 3
, Firefox 3
, and Internet Explorer 9
均支持该属性
之前一直用别人切好的页面,心中很是惭愧,为不在麻烦于他人,还是重新打开很久没用过得PS,学习了一下如何切页面,顺便整理一下近期学到的PS切图的基本方法。
美工一般只提供设计稿,那么问题来了,我们如何把设计稿切成自己想要的图片呢,今天我们来简单学习一下如何切图:
ajax : Asynchronous Javascript And XML
(异步的JavaScript
和XML
)
创建ajax
对象 var xhr = new XMLHttpRequest();
jQuery
是什么:javascript
代码仓库,我们称之为javascript
框架。javascript
框架,可以简化查询DOM
对象、处理事件、制作动画、处理Ajax
交互过程。