搜索列表
-
关于居中布局和IE双倍边距bug
【CSS/HTML】今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章。在ie中要居中,只要在<body>元素中定义text-align:center;的属性。而在firefox中,需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实,我自己都是用margin:auto;的缩写margin属性...
关于居中布局和IE双倍边距bug -
HTML技巧汇编
【CSS/HTML】1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <meta ...
HTML技巧汇编 -
对display:inline;与float:left;的认识
【CSS/HTML】 首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每...
|对d|di|is|sp|pl|la|ay|yi|in|nl|li|in|ne|e;|;与|与f|fl|lo|oa|at|tl|le|ef|ft|t;|;的|的 -
CSS如何使DIV层居中
【CSS/HTML】如何使DIV居中主要的样式定义如下: body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明: 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定...
|CS|SS|S如|如何|何使|使D|DI|IV|V层|层居|居中|中| -
css技巧十条
【CSS/HTML】1.css 字体简写规则当使用css定义字体时你可能会这样做:font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif; 事实上你可以简写这些属性:font: 1em/1.5em bold italic small-caps verdana,serif 现在好多了吧,不过有一点要注意:使用这一...
|cs|ss|s技|技巧|巧十|十条|条| -
CSS基础学习
【CSS/HTML】 一.样式表基础 1. 样式表中每一个条目由选择符(selector)和对应的规则组成,选择符通常是HTML元素名称,也可以是类(class)、标识符(id)、伪类(pseudo class,它们标示了超链接的不同状态)等。 2. 将样式表(规则)添加到HTML文档中有3种方式: ① 外部样式表。 ② 应用于整个文档的样式,...
|CS|SS|S基|基础|础学|学习|习| -
CSS中div、span和center元素
【CSS/HTML】 <div>和<span>用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:<strong style = “color: red”>I am strong!</strong>。和其他html元...
|CS|SS|S中|中d|di|iv|v、|、s|sp|pa|an|n和|和c|ce|en|nt|te|er|r元|元素|素| -
样式表CSS布局经验
【CSS/HTML】 随着时间的积累这里的内容会有增加或者修改,希望下面的东西对后来的标准学习者会有些帮助,或者毫无用处. 主要的内容是在IE和MOZILLA之间的差异和容易忽视的细节,一些经典应用的最佳实现方法,应该避免违犯的错误. 由于是自己平时经验的积累,难免会出现一些错误的解释,如有幸被高人看到,请务必指出,先谢过了. ...
|样式|式表|表C|CS|SS|S布|布局|局经|经验|验| -
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属|属 -
利用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,|,链|链接|接下|下划|划线|线也|也玩|玩自|自定|定义|义|