如何正确使用标题元素、段落和强制换行？如何使其更符合语义化呢？摘译自Bulletproof HTML: 37 Steps to Perfect Markup[/url] 的二段小文，会对初学者带来点帮助。 如何正确使用标题元素 HTML 标题元素类型是h1 、h2 、h3 、h4 、h5 和h6 ，数字表示标题的结构级别，我...

在一行内声明CSS 我们来对比下面两段代码： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化，但是不会在阅读上有任何帮...

Cascading Style Sheets（简称CSS），翻译为“层叠样式单”或“级联样式单”，又简称“样式表”。 CSS的引入是用来扩展HTML的，而不是用来替代HTML的。也就是说CSS离不开HTML，它只是一项辅助工具，是对HTML功能的一种补充。 CSS的优势 在CSS标准里，不仅重新定义了HTML...

background-color奇怪的进入相临元素 这是一个非常奇怪的现象。目前还不清楚它形成的具体原因是什么，background-color会奇怪的进入相临元素中。看下面的代码： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼...

链接文字的上划线、下划线、删除线（贯穿线）、闪烁等可以通过CSS的text-decoration属性来实现。其属性值与效果相对应的关系如下： text-decoration: none : 无装饰 blink : 闪烁 underline : 下划线 line-through : 删除线（贯穿线） overline : 上划线 学习了此属性...

CSS伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例： 超链接 本例演示如何向文档中的超链接添加不同的颜色。 html head style type="text/css" a:link {color: #FF0000} a:visited {color: #00FF00} a:hover {color: #FF00FF} a:active {color:...

媒介类型(Media Types)允许你定义文档以何种媒介被提交。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。 媒介类型 某些CSS属性仅仅被设计为针对某些媒介。比方说"voice-family"属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如，"font-size"属...

CSS 伪元素被用来将特殊的效果添加到某些选择器。 CSS 伪元素 (Pseudo-elements)实例： 制作首字母特效 本例演示如何向文本的首字母添加特效。 html head style type="text/css" p:first-letter { color: #ff0000; font-size:xx-large } /style /head body p You can u...

如果容器内有两个浮动，并用CLEAR清除浮动。在ie下拖动滚动条时最外层的border会消失，如果给最外层加上宽度或者高度就不会出现。这是一个奇怪的现象，目前还不能解释是什么原因所导致的。看下面的示例： div style="margin:500px 100px 10px 100px;padding:50px;borde...

在一个DTD中，XML元素通过DTD元素声明来进行声明。 声明一个元素 在DTD中，XML元素通过元素声明来进行声明。元素声明使用下面的语法： !ELEMENT 元素名称 类别 或者 !ELEMENT 元素名称 (元素内容) 空元素 空元素通过类别关键词EMPTY进行声明： !ELEMENT 元素名称 EMPTY...

首先我们了解到，CSS网页布局的原理，就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它，而流布局就不得不说到float浮动技术，在HTML中的所有对象，默认分为两种：块元素(block element)、内联元素(inline element)，虽然也存在着可变元素，但只是随上下文关...

图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢？ 我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了...

我们在网页设计中，会遇到许多意想不到的情况，不规则文字的排版就是其中之一了，我们该如何面对这样的排版要求呢？CSS代码又该如何编写呢？ 遇 到这样的情况，通常情况下我们有两种选择： 1、用图片来制作，并应用热区制作链接，这样的方式可以很方便的解决问题，但对...

CSS定位属性允许你对元素进行定位。 CSS 定位 (Positioning)实例： 定位：相对定位 本例演示如何相对于其正常位置来定位元素。 html head style type="text/css" h2.pos_left { position:relative; left:-20px } h2.pos_right { position:relative; left:20px } /style...