随笔分类 -  CSS+DIV

摘要:设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个,并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值 auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。TRBL属性( 阅读全文
posted @ 2013-11-19 10:37 江哥哥 阅读(1860) 评论(0) 推荐(0) 编辑
摘要:有时我们会有这样的需求:让图片显示在固定大小的区域。如果不考虑 IE6 完全可以使用 css 的 max-width 限制宽度自动按比例缩小显示,但是这样有个问题,就是如果按比例缩小后,图片高度不够,那么就很难看了。举例来说第一种情况:如图片大小为 600×350,显示区域大小为 200×140,如果图片根据目标宽度(200)按比例缩放后大小变成 116,那么显示在 200×140 就会很难看。如下图左第二种情况:刚好相反,如图片大小为400×400,显示区域同样是200×140,如果图片根据目标高度(140)按比例缩放后大小变成 140,即 阅读全文
posted @ 2013-10-31 18:03 江哥哥 阅读(410) 评论(0) 推荐(0) 编辑
摘要:时间过得真快,离 Reset CSS 研究(八卦篇) 已经 3 个多月了。废话少说,赶紧将技术篇写完吧。回顾与反思第一份 reset css 是 Tantek 的 undohtml.css, 很简单的代码,Tantek 根据自己的需要,对浏览器的默认样式进行了一些重置。Eric 的也是如此。YUI 除了 cssreset, 还配套有 cssfonts 和 cssbase. cssreset 清除默认样式,cssfonts 和 cssbase 则将一些元素的默认样式重设回来。很长一段时间,* { margin: 0; padding: 0; }和 YUI cssreset 模糊了我对 reset 阅读全文
posted @ 2013-04-02 00:08 江哥哥 阅读(486) 评论(0) 推荐(0) 编辑
摘要:overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢?我们下面来详细的阐述一下。<div id="wai"><div id="nei"></div></div>这是一个常用的div写法,下面我们来书写样式。大家可以在DMX中自己做试验#wai{ width 阅读全文
posted @ 2012-06-28 14:18 江哥哥 阅读(250) 评论(0) 推荐(0) 编辑
摘要:这段时间一直对display属性的block,inline,none和visibility属性的visible,hidden一直很模糊,总觉得很难理解,通过下面这个实例,就可以很好的牢记这几者之间的区别: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml& 阅读全文
posted @ 2012-06-15 17:29 江哥哥 阅读(859) 评论(0) 推荐(0) 编辑
摘要:http://www.php100.com/html/webkaifa/javascript/2012/0611/10527.html 阅读全文
posted @ 2012-06-15 11:01 江哥哥 阅读(122) 评论(0) 推荐(0) 编辑
摘要:SS兼容要点:DOCTYPE影响CSS处理FF:div设置margin-left,margin-right为auto时已经居中,IE不行FF:body设置text-align时,div需要设置margin:auto(主要是margin-left,margin-right)方可居中FF:设置padding后,div会增加height和width,但IE不会,故需要用!important多设一个height和widthFF:支持!important,IE则忽略,可用!important为FF特别设置样式div的垂直居中问题:vertical-align:middle;将行距增加到和整个DIV一样高 阅读全文
posted @ 2012-06-15 01:13 江哥哥 阅读(153) 评论(0) 推荐(0) 编辑
摘要:推荐一个web开发技术博客,英文的http://snook.ca/archives/Overflow: hidden 的使用引用:overflow 版本:CSS2 兼容性:IE4+ NS6+ 继承性:无语法:overflow : visible | auto | hidden | scroll参数:visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条hidden : 不显示超过对象尺寸的内容scroll ... 阅读全文
posted @ 2012-06-15 01:10 江哥哥 阅读(801) 评论(0) 推荐(0) 编辑
摘要:SS手册中,对于list-style的解释是这样的:定义和用法list-style 简写属性在一个声明中设置所有的列表属性。说明该属性是一个简写属性,涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不过实际上它可以应用到任何元素,并由 list-item 元素继承。可以按顺序设置如下属性:•list-style-type•list-style-position•list-style-image可以不设置其中的某个值,比如 "list-style:circle inside;& 阅读全文
posted @ 2012-06-15 00:41 江哥哥 阅读(1226) 评论(0) 推荐(0) 编辑
摘要:A标签是内联元素,可以用display:block;来改变为块元素。也可以用display:inline-block来改为内联块。display: inline; 把<p><div>块元素设置成内联元素。 阅读全文
posted @ 2012-06-14 23:43 江哥哥 阅读(421) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示