搜索列表
-
CSS基础学习
【CSS/HTML】 一.样式表基础 1. 样式表中每一个条目由选择符(selector)和对应的规则组成,选择符通常是HTML元素名称,也可以是类(class)、标识符(id)、伪类(pseudo class,它们标示了超链接的不同状态)等。 2. 将样式表(规则)添加到HTML文档中有3种方式: ① 外部样式表。 ② 应用于整个文档的样式,...
|CS|SS|S基|基础|础学|学习|习| -
CSS 中关于字体处理效果的思考
【CSS/HTML】作者:flyingbird 来自:蓝色理想 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现...
|CS|SS|S中|中关|关于|于字|字体|体处|处理|理效|效果|果的|的思|思考|考| -
空间页面CSS说明
【CSS/HTML】什么是CSS? CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格...
|空间|间页|页面|面C|CS|SS|S说|说明|明| -
未知大小图片在容器的垂直和水平居中问题
【CSS/HTML】CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常有朋友在问类似的问题,又把代码翻了出来,针对IE改了下。CSS .box{heigh...
|未知|知大|大小|小图|图片|片在|在容|容器|器的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题| -
调整CSS类型的顺序改变链接翻滚效果
【CSS/HTML】你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 &nbs...
|调整|整C|CS|SS|S类|类型|型的|的顺|顺序|序改|改变|变链|链接|接翻|翻滚|滚效|效果|果| -
利用CSS,链接下划线也玩自定义
【CSS/HTML】 原文链接:CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。(Translated with the permission of A List Apart Magazine and the author[s].) 说明:文章中“[补充]”内容系译者所补充添加(来自 CSS 2.0 中文手册),目的是方便读者理解相关内容。 虽然网页设计师通...
|利用|用C|CS|SS|S,|,链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义| -
On having layout
【CSS/HTML】译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
W3C标准:实时切换CSS样式
【CSS/HTML】用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离。打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS)。 当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”,...
|W3|3C|C标|标准|准实|实时|时切|切换|换C|CS|SS|S样|样式|式| -
CSS经典实用技巧18招
【CSS/HTML】文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充。 翻译:阿捷 原文作者:Roger Johansson 作者简介:住在瑞典哥德堡,1994年开始接触和参与w...
|CS|SS|S经|经典|典实|实用|用技|技巧|巧1|18|8招|招| -
深入探讨CSS中字体元素
【CSS/HTML】字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里的那些变化在中文...
|深入|入探|探讨|讨C|CS|SS|S中|中字|字体|体元|元素|素| -
探讨vertical-align应用
【CSS/HTML】与valign的对比vertical-align在小雨手册上的解释是:设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”O3noBLOG特别强调的是vertical-align和valign的不同,的确vertical-align应用最多的应该是在td内,控制内部对象位置,和td的valign属性极其相似。valign共有四个参数:to...
|探讨|讨v|ve|er|rt|ti|ic|ca|al|la|al|li|ig|gn|n应|应用|用| -
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则|则|