搜索列表
-
深入探讨CSS中字体元素
【CSS/HTML】字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里的那些变化在中文...
|深入|入探|探讨|讨C|CS|SS|S中|中字|字体|体元|元素|素| -
用CSS动态控制文本属性
【CSS/HTML】本篇详细介绍了用CSS动态控制文本属性的文章主题,利用CSS的属性值可动态改变的特点,定义文本的多种属性值,再用一个事件来触发,一旦事件发生,则改变文本属性值,从而达到预期目的。 用CSS可以很方便地动态改变文本的属性,从而可制作出动态地使文字变大、缩小、改变文字颜色、改变文本的...
|用C|CS|SS|S动|动态|态控|控制|制文|文本|本属|属性|性| -
CSS重新定义项目符号和编号技巧
【CSS/HTML】用过Word的人都知道Word 有一个“项目符号和编号”的功能,用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮,产生自动列表功能, 但它只有两种形式,即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大写 罗马数字...
|CS|SS|S重|重新|新定|定义|义项|项目|目符|符号|号和|和编|编号|号技|技巧|巧| -
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自|自定|定多|多姿|姿多|多彩|彩的|的网|网页|页链|链接|接下|下划|划线|线| -
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属|属性|性| -
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控制的闪烁效果
【CSS/HTML】 一段文本或一张图片,它的周围有一圈光晕,这圈光晕每一秒钟闪烁一次,而当鼠标移到上面时,立即停止闪烁,当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等),能起到较好的效果。 上面这个示例就能实现上面所的效果,由于这里是抓取的一张图片,不能看到动态效果,只要...
|用C|CS|SS|S控|控制|制的|的闪|闪烁|烁效|效果|果| -
用CSS实现文字变图象特效
【CSS/HTML】 一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要增加一段javascript程序,明显增加了不少代码。而用CSS来制作这种效果,增加的代码却要少...
|用C|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实|实现|现模|模块|块居|居中|中布|布局|局|