搜索列表
-
CSS使用技巧20则
【CSS/HTML】1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只...
|CS|SS|S使|使用|用技|技巧|巧2|20|0则|则| -
未知大小图片在已知容器中的垂直和水平居中问题
【CSS/HTML】除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对IE没用，几个月前在国外网站看到了一则对IE的解决方法，感觉不是很理想，也没当回事。最近看到经常...
|未知|知大|大小|小图|图片|片在|在已|已知|知容|容器|器中|中的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题| -
CSS解决未知高度垂直居中的问题
【CSS/HTML】除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 原文标题：Vertical Centering in CSS 副标题：Yuhu's Definitive Solution with Unknown Height 翻译：forestgan 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图...
|CS|SS|S解|解决|决未|未知|知高|高度|度垂|垂直|直居|居中|中的|的问|问题|题| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
不用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实|实现|现模|模块|块居|居中|中布|布局|局| -
认识CSS中absolute与relative
【CSS/HTML】很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。 Absolute，CS...
|认识|识C|CS|SS|S中|中a|ab|bs|so|ol|lu|ut|te|e与|与r|re|el|la|at|ti|iv|ve|e| -
标准化你的网页
【CSS/HTML】Web标准是越来越突出了，现在建站都讲究个符合标准，通过W3C的XHTML和CSS验证，那么怎样才能做出一个符合标准的站点呢，下面是我在BLOG重构和制作OSdev Resource过程中的一些经验^_^。 去网页设计师看一些有关Web标准方面的文章 虽然w3.org更权威，但对于母语是中文的我们来说，这个更容易看懂：）个...
标准化你的网页 -
div＋css布局入门
【CSS/HTML】你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现...
div＋css布局入门 -
文字或图片元素在DIV中垂直居中
【CSS/HTML】复制代码 代码如下:<!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"> ...
文字或图片元素在DIV中垂直居中 -
CSS解决未知高度垂直居中
【CSS/HTML】尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。 标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-c...
CSS解决未知高度垂直居中 -
CSS布局入门
【CSS/HTML】CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10...
CSS布局入门 -
CSS中的滑动门技术
【CSS/HTML】ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的，请先与作者联系 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在...
CSS中的滑动门技术
