搜索列表
-
最窄770px最宽1024px的经典布局研究
【CSS/HTML】最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点： 1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。 效果浏览：http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm 分析：...
|最窄|窄7|77|70|0p|px|x最|最宽|宽1|10|02|24|4p|px|x的|的经|经典|典布|布局|局研|研究|究| -
块元素block element和内联元素inline element
【CSS/HTML】内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢？。 块元素(block element)一般是其他元素的容器元素，...
块元素blockelement和内联元素inlineelement -
对display:inline;与float:left;的认识
【CSS/HTML】 首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每...
|对d|di|is|sp|pl|la|ay|yi|in|nl|li|in|ne|e;|;与|与f|fl|lo|oa|at|tl|le|ef|ft|t;|;的|的 -
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明，除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative，就需要top,bottom,left,right4个属性来配合，确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
初学web标准的几个误区
【CSS/HTML】非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题，在这里特别提醒一下： 1.不是为了通过校验才标准化。web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。 W3C校验仅...
|初学|学w|we|eb|b标|标准|准的|的几|几个|个误|误区|区| -
On having layout
【CSS/HTML】译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
firefox推荐与个人理解的css书写顺序
【CSS/HTML】最近的工作中，遇到不少问题，其中一个问题我觉得是最重要的，那就是css的书写顺序,本文整理了一些，需要的朋友可以参考下
书写顺序css书写 -
全面了解CSS
【CSS/HTML】自从 Dreamweaver MX 2004 发布以来，我曾经无数次向 Dreamweaver 的新老用户演示它的新特征和新功能。每次进行产品演示，我很快就会极力称赞 Dreamweaver MX 2004 设计和呈现 CSS（或层叠样式表）的新功能。本篇详细\全面了解CSS。 然而最近某位新用户问了一个问题，说...
|全面|面了|了解|解C|CS|SS|S| -
CSS经典实用技巧18招
【CSS/HTML】文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。 翻译:阿捷 原文作者:Roger Johansson 作者简介:住在瑞典哥德堡，1994年开始接触和参与w...
|CS|SS|S经|经典|典实|实用|用技|技巧|巧1|18|8招|招| -
在DIV+CSS排版中新闻列表的制作方法
【CSS/HTML】CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; bac...
|在D|DI|IV|VC|CS|SS|S排|排版|版中|中新|新闻|闻列|列表|表的|的制|制作|作方|方法|法| -
兼容各个浏览器的技巧
【CSS/HTML】1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important &...
|兼容|容各|各个|个浏|浏览|览器|器的|的技|技巧|巧| -
不用float实现模块居中布局
【CSS/HTML】最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。 结构代码，top left right foot 四个模块全部独立、互不嵌套。 ＜div id="top"＞head＜/div＞ ＜div id="left"＞ ＜div id="left_module"＞left＜/div＞＜/div＞ ＜div id="right"＞ ＜div id="right_module"＞right＜/div＞＜/d...
|不用|用f|fl|lo|oa|at|t实|实现|现模|模块|块居|居中|中布|布局|局|
