搜索列表
-
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则|则| -
组合CLASS来完成网页布局风格
【CSS/HTML】我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏首先它的属性有:是左栏,宽度,背景颜色,字体颜色等1.首先会定义一个class,比如:.layout,主要...
|组合|合C|CL|LA|AS|SS|S来|来完|完成|成网|网页|页布|布局|局风|风格|格| -
用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
【CSS/HTML】有这样一个想法,不知道可行么 例子: 布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等} 如果把每个属性都做成一个标准件,然后这样组装起来使用 class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式 先按需要定义好标准件如: float标准件 .l{fl...
|用标|标准|准件|件的|的方|方式|式来|来组|组装|装网|网页|页D|DI|IV|V布|布局|局W|WE|EB|B标|标准|准网|网站|站设|设计|计心|心 -
CSS:自定多姿多彩的网页链接下划线
【CSS/HTML】CSS本身没有直接提供变换HTML链接下划线的功能,但只要运用一些技巧,我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先,自定义HTML链接下划线的第一步是创建一个图形,在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景,可以使用透明的.gif图形。 其...
|CS|SS|S自|自定|定多|多姿|姿多|多彩|彩的|的网|网页|页链|链接|接下|下划|划线|线| -
定义标题的最好方法
【CSS/HTML】作者:阿宏 2005-4-15 20:45:18原文:What is the Best Way to Mark up the Title of a Document? 说明:本文是 《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号:ISBN:1590593812。我们会陆续翻译此书中有价值的章节。 原作者:Dan Cederholm 翻译:阿宏 一个文档标题,最...
|定义|义标|标题|题的|的最|最好|好方|方法|法| -
alt属性和title属性
【CSS/HTML】作者:JunChen 2005-5-23 12:00:35原文:http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻译:JunChen 首发:http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 版权:本文版权归译者Junchen所有,转载请先联系译者。 当浏览器卖主扭曲了标准并且自顾自的不按规则去做...
|al|lt|t属|属性|性和|和t|ti|it|tl|le|e属|属性|性| -
在IE中为abbr标签加样式
【CSS/HTML】作者:JunChen 2005-5-24 9:56:57原文:http://www.sovavsiti.cz/css/abbr.html 翻译:JunChen 版权:译者JunChen所有,转载请联系译者。 简介 <abbr>是用来为web页面上的简称(译者注:这里把简称和缩写分开而论,简称范围比缩写大,取首字母的缩写用<acronym>标签)添加适当标注的XHTML标签,...
|在I|IE|E中|中为|为a|ab|bb|br|r标|标签|签加|加样|样式|式| -
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 &...
|兼容|容各|各个|个浏|浏览|览器|器的|的技|技巧|巧|