搜索列表
-
鲜为人知的CSS技巧10则
【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,s...
|鲜为|为人|人知|知的|的C|CS|SS|S技|技巧|巧1|10|0则|则| -
块元素block element和内联元素inline element
【CSS/HTML】内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢?。 块元素(block element)一般是其他元素的容器元素,...
块元素blockelement和内联元素inlineelement -
关于居中布局和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 -
相对路径与绝对路径的区别
【CSS/HTML】绝对路径: 在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对...
相对路径与绝对路径的区别 -
HTML技巧汇编
【CSS/HTML】1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <meta ...
HTML技巧汇编 -
重构、标准、布局
【CSS/HTML】近来大家总是在标准上争论不休,其实,这些问题一些相关文章已经说得很明白了。 以下我就谈谈我的看法。本帖子有太多的“我认为”,说明了我只是想把我的想法拿出来跟大家商榷,或许有太多不对的地方,也请大家一一指出。 1、我对web标准的理解 所谓的web标准,在一些教程文章上已经得到结论:结构化标准(XHTM...
|重构|构、|、标|标准|准、|、布|布局|局| -
CSS基础学习
【CSS/HTML】 一.样式表基础 1. 样式表中每一个条目由选择符(selector)和对应的规则组成,选择符通常是HTML元素名称,也可以是类(class)、标识符(id)、伪类(pseudo class,它们标示了超链接的不同状态)等。 2. 将样式表(规则)添加到HTML文档中有3种方式: ① 外部样式表。 ② 应用于整个文档的样式,...
|CS|SS|S基|基础|础学|学习|习| -
CSS 中关于字体处理效果的思考
【CSS/HTML】作者:flyingbird 来自:蓝色理想 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现...
|CS|SS|S中|中关|关于|于字|字体|体处|处理|理效|效果|果的|的思|思考|考| -
针对浏览器隐藏CSS
【CSS/HTML】 我们都知道浏览器之间是有差异的,很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧,“隐藏CSS”就是其中很重要的一种技巧(甚至是最重要的)。这种技巧的主要思想是,用某些方式对某些浏览器隐藏某些重载的CSS规则。 这篇文章并不是想教你如何使用这...
|针对|对浏|浏览|览器|器隐|隐藏|藏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类|类型|型的|的顺|顺序|序改|改变|变链|链接|接翻|翻滚|滚效|效果|果| -
CSS实现光滑圆角效果
【CSS/HTML】这个效果非常独特,以前我所见过的这种特效实现过程非常复杂,但这里的源代码却非常简单,推荐收藏。 <html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px...
|CS|SS|S实|实现|现光|光滑|滑圆|圆角|角效|效果|果|