CSS/HTML
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。
-
w3c技术架构介绍
【CSS/HTML】作者:阿宏 2006-2-10 9:38:04 原文:http://www.w3.org/Consortium/technology 原作者:w3c 翻译:阿宏 图例说明 W3C技术架构图描绘了一个两层的模型:万维网体系结构(被标注为“One Web”)建立在互联网(Interner)体系结构之上。图中丰富的Web层显示了W3C关心的领域和发展的技术。 Web体系结构被描绘成一系列...
|w3|3c|c技|技术|术架|架构|构介|介绍|绍| -
重新认识表格和一个访问无障碍的数据表格例子
【CSS/HTML】除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不得不需要重新认识表格...... 在现代网页设计制作中,表格主要的用途应该是用来存放多元二维数据。和...
|重新|新认|认识|识表|表格|格和|和一|一个|个访|访问|问无|无障|障碍|碍的|的数|数据|据表|表格|格例|例子|子| -
CSS图片翻转菜单
【CSS/HTML】如果用传统的方法制作这个翻转菜单,至少需要把图片切成10椋挂由螶S代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin:...
|CS|SS|S图|图片|片翻|翻转|转菜|菜单|单| -
在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】除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 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】1,盒解释器的不同解释. #box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important &...
|兼容|容各|各个|个浏|浏览|览器|器的|的技|技巧|巧| -
expression将JS、Css结合起来
【CSS/HTML】IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其...
|ex|xp|pr|re|es|ss|si|io|on|n将|将J|JS|S、|、C|Cs|ss|s结|结合|合起|起来|来| -
用CSS控制的闪烁效果
【CSS/HTML】 一段文本或一张图片,它的周围有一圈光晕,这圈光晕每一秒钟闪烁一次,而当鼠标移到上面时,立即停止闪烁,当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等),能起到较好的效果。 上面这个示例就能实现上面所的效果,由于这里是抓取的一张图片,不能看到动态效果,只要...
|用C|CS|SS|S控|控制|制的|的闪|闪烁|烁效|效果|果| -
用CSS实现文字变图象特效
【CSS/HTML】 一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要增加一段javascript程序,明显增加了不少代码。而用CSS来制作这种效果,增加的代码却要少...
|用C|CS|SS|S实|实现|现文|文字|字变|变图|图象|象特|特效|效| -
利用相对定位及偏移量做精美输入界面
【CSS/HTML】利用相对定位和偏移量属性,可以很好的实现以前需要用图片才能实现的界面,而且实现起来比也很方便。例如,当需要用户输入某些信息,我们常常会用到:标题栏-内容-确定按钮 这种结构,下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是: 标题栏图片有向上的偏移量。利用样式:top:-10px;position:relative; 可...
|利用|用相|相对|对定|定位|位及|及偏|偏移|移量|量做|做精|精美|美输|输入|入界|界面|面| -
引入CSS样式的五种方式
【CSS/HTML】一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则...
|引入|入C|CS|SS|S样|样式|式的|的五|五种|种方|方式|式|