摘要：
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
摘要：
三角形变形记，用纯css实现的分布导航条效果 注册 登录 下单 付款一、border边框变形记：如果你要问这些是如何实现的呢？其实比较简单，只是平时大家很少关注罢了。我们习惯了用border定义边框，因为设计图的原因，大多是定义“1-5... 阅读全文
摘要：
在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理。其实这样是很符合用户体验的。因为有很多的人会用鼠标选择着一行一行的阅读。其中就包括本人。。。浏览器中默认的选中的文字颜色为白色，背景色为蓝色。我们如何自定义呢？效果参见本博客，选中文字后可以见到效果。本博客中用到的代码是body:... 阅读全文
摘要：
字符串插值变量可以用像@{name}这样的结构，以类似ruby和php的方式嵌入到字符串中：@base-url:"http://assets.fnord.com";background-image:url("@{base-url}/images/bg.png");调试我们在生成的CSS中带上一些额外... 阅读全文
摘要：
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... 阅读全文