摘要：
你在前面几课学到的属性也可以应用到链接上（比如修改颜色、字体、添加下划线等）。但不同的是，CSS允许你根据链接是未访问的、已访问的、活动 的、是否有鼠标悬停等分别定义不同的属性。这样，我们便可为网站增添奇特而有用的效果。你需要通过伪类（pseudo-class）来控制这些效果。伪类是什么？伪类（pseudo-class）令你可以在为HTML元素定义CSS属性的时候将条件和事件考虑在内。我们来看一个例子。正如你所知道的，在HTML里，链接是通过a元素来定义的。因此，在CSS里，我们可以将a作为一个选择器（selector）： a { color: blue; } 一个链接可以有不同的状态。... 阅读全文
摘要：
文本的显示格式与式样对于网页设计师来说是一个重要问题。这一课将向你介绍CSS在文本布局方面令人激动的特性。本课将对下列CSS属性进行讲解：text-indenttext-aligntext-decorationletter-spacingtext-transform文本缩进[text-indent]CSS属性text-indent用于为段落设置首行缩进，以令其具有美观的格式。在下例中，我们为采用p元素的段落应用了30像素的首行缩进。 p { text-indent: 30px; } 显示示例文本对齐[text-align]CSS属性text-align与HTML属性align的功能相同。... 阅读全文
摘要：
这一课，你将学习字体以及如何用CSS来设置字体。我们还会考虑如何解决“网站所选的字体仅当访问者的PC上安装有该字体时才会被显示”这一难题。本课将对下列CSS属性进行讲解：font-familyfont-stylefont-variantfont-weightfont-sizefont字体族[font-family]CSS属性font-family的作用是设置一组按优先级排序的字体列表，如果该列表中的第一个字体未在访问者计算机上安装，那么就尝试列表中的下一个字体，依此类推，直到列表中的某个字体是已安装的。有两种类型的名称可用于分类字体：字体族名称（family-name）和族类名称（generi 阅读全文
摘要：
本课，你将学习如何在网站上应用颜色与背景。我们还会介绍用于定位和控制背景图像的高级方法。本课将对下列CSS属性进行讲解：colorbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackground前景色：‘color’属性CSS属性color用于指定元素的前景色。例如，假设你要让页面中的所有标题（headline）都显示为深红色，而这些标题采用的都是h1元素，那么可以用下面的代码来实现把h1元素的前景色设为红色。 h1 { color: #ff0000; } .. 阅读全文
摘要：
在这一课，你将学习如何制作自己的第一个样式表。你将了解基本的CSS模型，以及在HTML文档里使用CSS所必需的代码。级联样式表（CSS）里用到的许多CSS属性都与HTML属性相似，所以，假如你熟悉采用HTML进行布局的话，那么这里的许多代码你都不会感到陌生。我们先来看一个具体的例子。基本的CSS语法比方说，我们要用红色作为网页的背景色：用HTML的话，我们可以这样： 用CSS的话，我们可以这样获得同样的效果： body {background-color: #FF0000;} 你会注意到，HTML和CSS的代码颇有几分相似。上例也向你展示了基本的CSS模型：但是把CSS代码放在哪里呢... 阅读全文
摘要：
也许你曾听说过CSS，但并不真正清楚CSS到底是什么。在这一课，你将学到更多CSS的知识，并了解CSS可以做些什么。CSS是Cascading Style Sheets（级联样式表）的缩写。可以用CSS做什么？CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧！HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。经过下面若干课的学习之后，你将能够制作自己的CSS样式表，为自己的网站增添花样了。CSS跟HTML的区别在哪里？HTML用于结构 阅读全文