CSS
iteye_12421
这个作者很懒,什么都没留下…
展开
-
CSS盒子模型小记
按CSS中盒子模型来理解,DIV和Span就是一个盒子。盒子里可以装文本和图片内容。DIV是块级元素,独占一行。Span是行内元素。两个行内元素的外边距是叠加的。如 <span style="border:1px solid #000;margin-right:30px;">left</span> <span style="border:1px solid #00...原创 2010-09-12 00:23:44 · 84 阅读 · 0 评论 -
手机浏览器用css设置图片自适应大小
手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服". 手机浏览器(移动站点)图片自适应的css代码: img{max-width: 100%;height: auto;width: auto\9;} ...原创 2015-08-12 10:33:32 · 1189 阅读 · 0 评论 -
CSS中px和em的区别
在设计页面字体的时候,我们通常选择的是px而不是em。在国内,无论是哪种类型的网站,大到新浪、搜狐小到一些个人站点都是这么做的。不为别的,就是因为他易用。而国外的网站则基本上都采用em作为字体的单位,他们考虑到的是网站的可扩展性。这样一来,网站的维护也就相对简单些。要改大或改小某些字体就不会影响到页面的整体布局。前者就很有可能出项布局错乱的现象。 文字的单位建议用px,块与块之间的单位用px。 ...原创 2010-11-12 22:15:23 · 149 阅读 · 0 评论 -
table中cellspacing、cellpadding的css写法
border-collapse : separate | collapse separate : 默认值。边框独立(标准HTML) collapse : 相邻边被合并border-spacing : length 设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间 距。当只指定一个length值时,这个值将作用于横...原创 2011-08-03 17:19:08 · 650 阅读 · 0 评论 -
div定位在浏览器窗口的固定位置的方法
在很多网站上面我们可以看到浏览器的两边都有广告,这些广告无论我们怎么滚动浏览器的滚动条它都出现在浏览器窗口的固定位置,也就是跟着滚动条一起滚动。对于这种效果只需要在div的样式中设置position为fixed即可。但是这个fixed只对当前比较新的浏览器才支持,对于一些老版本的浏览器这种方法是行不通的。因为老版本浏览器压根不认识fixed,比如说IE6,IE6在国内可是还占着相当大的比重,不能忽...原创 2010-10-09 11:41:29 · 1678 阅读 · 0 评论 -
50款CSS使用工具
50款css工具引自:http://bbs.seuuo.com/thread-2613-1-3.html 50款CSS工具,包含,CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。网格和布局The 1KB CSS Grid新颖的 CSS 网格工具,可用于简化内...原创 2010-09-21 18:10:25 · 324 阅读 · 0 评论 -
CSS定位
盒子的定位: (1)static:这是默认的属性值,也就是该盒子按照标准流(包括浮动方式)进行布局。 (2)relative:称为相对定位,使用相对定位的盒子的位置根据常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置的偏移指定的距离。相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它。 (3)absolute:绝对定位,盒子的位置以他的包含框为基准进行偏移(逐一寻找父...原创 2010-09-13 00:41:06 · 96 阅读 · 0 评论 -
CSS定位机制普通流
由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,还真是看得有点头大,呵呵~ 文档流,其实标准里根本就没有这个词。如果把文档流直译为英文就是 document flow ,但标准里只有另一个词,叫做普通流( normal flo...原创 2010-09-12 21:31:48 · 131 阅读 · 0 评论 -
CSS块级元素和行内元素
块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是,table标签也是块元素的一种,table bas...原创 2010-09-12 16:23:17 · 269 阅读 · 0 评论 -
CSS快级元素与内联元素
CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。 p、h1、或div等元素常常称为块级元素,...原创 2010-09-12 16:21:19 · 136 阅读 · 0 评论 -
CSS文档流、块级元素以及行内元素
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都 变得易于理解,并...原创 2010-09-12 16:07:29 · 193 阅读 · 0 评论 -
引入的CSS文件编码不一致导致IE6解析出错
在使用开发前端页面时要考虑到浏览器之间的兼容,如果碰到在其他流量器下CSS都正常显示,而IE6下不正常,首先看看是不是由于html文件的编码和CSS文件的编码不一致造成的。第二再来考虑CSS在IE6下的各种BUG。...原创 2012-12-17 22:23:52 · 146 阅读 · 0 评论