搜索列表
-
css元素定位
【CSS/HTML】css元素定位 1. position:static|无定位position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example:#div-1 { position:static;} 2. position:relative|相对定位使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。如果要让div-1层向下移动20px,左移...
|cs|ss|s元|元素|素定|定位|位| -
调整CSS类型的顺序改变链接翻滚效果
【CSS/HTML】你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 &nbs...
|调整|整C|CS|SS|S类|类型|型的|的顺|顺序|序改|改变|变链|链接|接翻|翻滚|滚效|效果|果| -
边框(border)边距(margin)和间隙(padding)属性的区别
【CSS/HTML】边框属性(border)用来设定一个元素的边线。 边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。 间隙属性(padding)是用来设置元素内容到元素边界的距离。 这三个属性都属于CSS中box类型的属性。 下面这个示意图,很形象地体现了三者之间的区别。 这里提供一张盒模型的3D示意图,希望便...
|边框|框b|bo|or|rd|de|er|r边|边距|距m|ma|ar|rg|gi|in|n和|和间|间隙|隙p|pa|ad|dd|di|in|ng|g属|属 -
非常酷的角BANNER
【CSS/HTML】Top Right Banner Style #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style #topleft { position: absolute; left: 0; top: 0; display: block; he...
|非常|常酷|酷的|的角|角B|BA|AN|NN|NE|ER|R| -
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轻|轻松|松打|打造|造网|网页|页风|风格|格| -
CSS重新定义项目符号和编号技巧
【CSS/HTML】用过Word的人都知道Word 有一个“项目符号和编号”的功能,用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮,产生自动列表功能, 但它只有两种形式,即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大写 罗马数字...
|CS|SS|S重|重新|新定|定义|义项|项目|目符|符号|号和|和编|编号|号技|技巧|巧| -
组合CLASS来完成网页布局风格
【CSS/HTML】我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏首先它的属性有:是左栏,宽度,背景颜色,字体颜色等1.首先会定义一个class,比如:.layout,主要...
|组合|合C|CL|LA|AS|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布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不得不需要重新认识表格...... 在现代网页设计制作中,表格主要的用途应该是用来存放多元二维数据。和...
|重新|新认|认识|识表|表格|格和|和一|一个|个访|访问|问无|无障|障碍|碍的|的数|数据|据表|表格|格例|例子|子| -
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图|图片|片翻|翻转|转菜|菜单|单|