HTML/CSS
stevsun
Keep calm and carry on
展开
-
css盒子模型
从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。例:一个盒子的原创 2015-06-02 23:25:59 · 522 阅读 · 0 评论 -
CSS实现div居中
1 DOCTYPE html> 2 html> 3 head> 4 meta charset="utf-8" /> 5 title>CSS实现div居中title> 6 style> 7 /*外层div居中*/ 8 #main { 9 position: absolute;原创 2015-06-02 23:25:46 · 618 阅读 · 0 评论 -
span宽度高度设置
1 DOCTYPE html> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 4 head> 5 meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 6 title> 7原创 2015-06-02 23:26:07 · 1594 阅读 · 0 评论 -
CSS初始化代码
CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现 浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容 时更加方便简洁,同时减少CSS代码量,节约网页下载时间。最耗资源的,最简单的* { paddin原创 2015-06-02 23:26:13 · 673 阅读 · 0 评论 -
HTML5自定义属性对象Dataset
原文转自HTML5自定义属性对象Dataset简介一、html5 自定义属性介绍之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id:a href="javascript:" dat转载 2015-06-02 23:27:34 · 571 阅读 · 0 评论 -
CSS hack技巧
CSS hack技巧一览,原文来自CSDN freshlover的博客专栏《史上最全CSS Hack方式一览》什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、 解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器转载 2015-06-02 23:25:43 · 692 阅读 · 0 评论 -
CSS实现DIV三角形
本文内容收集来自网络#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}#trian原创 2015-06-02 23:27:45 · 4602 阅读 · 0 评论