摘要: 今天做了一个小布局它的原理就是利用margin的负值当然因为使用到了定位的元素所以也可以用定位的方法来替换margin的作用1.使用到了自适应高度2.margin负值的运用3.百分比获取的应用4.清楚浮动的应用代码:<!DOCTYPE html><html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8& 阅读全文
posted @ 2013-05-30 16:38 抱.抱 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 以前大部分人喜欢用<span></span>没有语义话的标签来设置一个小图标现在推荐使用<i></i>这个标签即减点有方便查看因为也许有时候会在其他的地方用到span这个标签old:<li class="favorite"> <span class="icon favorite"></span> <span id="favorite-insert-point" class="favorite"></span> 阅读全文
posted @ 2013-05-30 14:12 抱.抱 阅读(191) 评论(0) 推荐(0) 编辑
摘要: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden;}设置文本的钱距离为100%那么他就必须换行之后设置文本必须在同一行显示那么文本的位置就会到该文本框的右边距之外最后设置超出隐藏职业就完美的把文本隐藏到人们视线看不到的地方了 阅读全文
posted @ 2013-05-30 14:07 抱.抱 阅读(156) 评论(0) 推荐(0) 编辑
摘要: /*大部分现代浏览器*/.cf:before,.cf:after { content: " "; display: table;}.cf:after { clear: both;}/*IE6&7(触发haslayout)*/.cf{ *zoom: 1;}下面是一个测试的例子检查了所有的浏览器都完美的兼容了<!DOCTYPE html><html xmlns=http://www.w3.org/1999/xhtml><head> <title></title> <meta http-equiv="co 阅读全文
posted @ 2013-05-30 13:51 抱.抱 阅读(202) 评论(0) 推荐(0) 编辑
摘要: Normalize.css有助与前端人员良好的规范初始文档的结构以下有两种地址包括传统的浏览器支持:下载地址/*! normalize.css v1.1.2 | MIT License | git.io/normalize *//* ========================================================================== HTML5 display definitions ========================================================================== *//... 阅读全文
posted @ 2013-05-30 12:09 抱.抱 阅读(317) 评论(0) 推荐(0) 编辑