搜索列表
-
利用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，|，链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义| -
CSS关于相对定位和绝对定位的说明实例
【CSS/HTML】<style>body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; &n...
|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例| -
On having layout
【CSS/HTML】译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。 文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。 引用一...
|On|nh|ha|av|vi|in|ng|gl|la|ay|yo|ou|ut|t| -
深入探讨CSS中字体元素
【CSS/HTML】字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文...
|深入|入探|探讨|讨C|CS|SS|S中|中字|字体|体元|元素|素| -
CSS编辑工具Topstyle轻松打造网页风格
【CSS/HTML】本文特意为你找来了一款CSS编辑利器——Topstyle，利用它你能轻松做出更有风格的网页来！ 精彩、漂亮是每一个设计者在制作网页时的不懈追求，而网页的精彩几乎都离不开CSS的强力“支撑”；CSS是一种为超文本标签语言提供增强补充服务的技 术，可对每一个html的标签做精雕细刻的修...
|CS|SS|S编|编辑|辑工|工具|具T|To|op|ps|st|ty|yl|le|e轻|轻松|松打|打造|造网|网页|页风|风格|格| -
探讨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则|则| -
CSS：自定多姿多彩的网页链接下划线
【CSS/HTML】CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其...
|CS|SS|S自|自定|定多|多姿|姿多|多彩|彩的|的网|网页|页链|链接|接下|下划|划线|线| -
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样式的相对定位及偏移量做的输入界面。主要特点是： 标题栏图片有向上的偏移量。利用样式：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|
