摘要：
During the project, in order to make a unified management for the image URL, at present we make use of the LESSCSS method, set the image URL asindepen... 阅读全文
摘要：
为了更好的说明问题，我们来看一个制作分页效果的代码：HTML Prev 1 2 3 4 5 Next View Code给分页加上样式：.pagination li { line-height: 25px;}.pagination a { disp... 阅读全文
摘要：
有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用... 阅读全文
摘要：
我们都知道margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：.Absolute-Center { margin: auto; position: abs... 阅读全文
摘要：
所谓的图片水平垂直居中就是把图片放在一个容器元素中（容器大于图片尺寸或是指定了大小的容器），并且图片位居此容器正中间（中间是指元素容器的正中间），而图片不是以背景图片（background-image）形式展示，是以元素形式展示的。如下图所示：解决问题——让图片水平垂直居中解决水平居中是相当的容易，... 阅读全文
摘要：
article:表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分，并且这部分专用于独立地分类或复用。（例如：一个博客的帖子，一篇文章，一个视频文件等。）和一样，标题位于这一元素内部，如：实例一：My articleBlah blah这样的写法在规定上是不正确的，应该如下写法： ... 阅读全文
摘要：
HTML4布局HTML5布局基本的HTML5文档的模式为：HTML5 Demo推荐一个HTML5模板的在线编辑器http://jsbin.com/#javascript,html经常在项目中会用到reset的样式，在这里罗列出来参考下：HTML5 Reset Stylesheet/* html5do... 阅读全文