搜索列表
-
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/HTML】CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常有朋友在问类似的问题,又把代码翻了出来,针对IE改了下。CSS .box{heigh...
|未知|知大|大小|小图|图片|片在|在容|容器|器的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题| -
用CSS代码轻松Diy你的网页滚动条
【CSS/HTML】在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) 以下是引用片段:<Style type="text/css"><!-- &...
|用C|CS|SS|S代|代码|码轻|轻松|松D|Di|iy|y你|你的|的网|网页|页滚|滚动|动条|条| -
调整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| -
最基本的几种CSS文字滤镜效果
【CSS/HTML】闲来无事,整理一些CSS文字效果,给初学者。下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的。因为太懒,所以没有写注释也没有写什么语法格式...
|最基|基本|本的|的几|几种|种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,|,链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义| -
初学web标准的几个误区
【CSS/HTML】非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1.不是为了通过校验才标准化。web标准的本意是实现内容(结构)和表现分离,就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现,也方便搜索和内容的再利用。 W3C校验仅...
|初学|学w|we|eb|b标|标准|准的|的几|几个|个误|误区|区| -
XHTML标准语法
【CSS/HTML】写XHTML要求使用干净的HTML语法 -------------------------------------------------------------------------------- Some More XHTML Syntax Rules:更多XHTML语法规则: Attribute names must be in lower case属性名称必须为小写 Attribute values must be quoted属性值使用双引号 Attribute...
|XH|HT|TM|ML|L标|标准|准语|语法|法| -
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样|样式|式|