搜索列表
-
图片翻转菜单技术研究
【CSS/HTML】Fastcompany是simplebits.com站长的全CSS+Div布局作品.网站导航采用的是CSS图片翻转.不用多想肯定是利用a:link和a:hover等不同状态下利用显示不同的background-images制作而成.我认为作者的独到之处在于CSS中的a:hover...#nav a:hover {background-position: 0 -20px;}#nav a:active {background-position: 0 -4...
|图片|片翻|翻转|转菜|菜单|单技|技术|术研|研究|究| -
块元素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 -
HTML技巧汇编
【CSS/HTML】1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到: <meta ...
HTML技巧汇编 -
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】作者:flyingbird 来自:蓝色理想 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现...
|CS|SS|S中|中关|关于|于字|字体|体处|处理|理效|效果|果的|的思|思考|考| -
样式表CSS布局经验
【CSS/HTML】 随着时间的积累这里的内容会有增加或者修改,希望下面的东西对后来的标准学习者会有些帮助,或者毫无用处. 主要的内容是在IE和MOZILLA之间的差异和容易忽视的细节,一些经典应用的最佳实现方法,应该避免违犯的错误. 由于是自己平时经验的积累,难免会出现一些错误的解释,如有幸被高人看到,请务必指出,先谢过了. ...
|样式|式表|表C|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元|元素|素定|定位|位|