搜索列表
-
鲜为人知的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则|则| -
最窄770px最宽1024px的经典布局研究
【CSS/HTML】最典型实用的上中下,并且中间分三列的布局,这个例子有2个特点: 1. 中间三列效果,可以任意实现单列背景色。2. 整体最窄770px,最宽1024px,也就是说窗口小于770xp就出底部滚动条,如果大于1024px自动屏幕居中。 效果浏览:http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm 分析:...
|最窄|窄7|77|70|0p|px|x最|最宽|宽1|10|02|24|4p|px|x的|的经|经典|典布|布局|局研|研究|究| -
图片翻转菜单技术研究
【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代码缩写技巧
【CSS/HTML】Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快,Web的建设者都...
|CS|SS|S代|代码|码缩|缩写|写技|技巧|巧| -
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 中关于字体处理效果的思考
【CSS/HTML】作者:flyingbird 来自:蓝色理想 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现...
|CS|SS|S中|中关|关于|于字|字体|体处|处理|理效|效果|果的|的思|思考|考| -
针对浏览器隐藏CSS
【CSS/HTML】 我们都知道浏览器之间是有差异的,很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧,“隐藏CSS”就是其中很重要的一种技巧(甚至是最重要的)。这种技巧的主要思想是,用某些方式对某些浏览器隐藏某些重载的CSS规则。 这篇文章并不是想教你如何使用这...
|针对|对浏|浏览|览器|器隐|隐藏|藏C|CS|SS|S| -
未知大小图片在容器的垂直和水平居中问题
【CSS/HTML】CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常有朋友在问类似的问题,又把代码翻了出来,针对IE改了下。CSS .box{heigh...
|未知|知大|大小|小图|图片|片在|在容|容器|器的|的垂|垂直|直和|和水|水平|平居|居中|中问|问题|题|