超级微信红包txt百度云:Css教程-简介原理

来源：百度文库编辑：中财网时间：2024/05/02 07:39:08

第1课：CSS是什么？
也许你曾听说过CSS，但并不真正清楚CSS到底是什么。在这一课，你将学到更多CSS的知识，并了解CSS可以做些什么。CSS是Cascading Style Sheets（级联样式表）的缩写。可以用CSS做什么？
CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧！HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。经过下面若干课的学习之后，你将能够制作自己的CSS样式表，为自己的网站增添花样了。CSS跟HTML的区别在哪里？
HTML用于结构化内容；CSS用于格式化结构化的内容。嗯，这听上去有点技术性并令人疑惑。不过没关系，我们继续学习。过会儿你就明白了。在Tim Berners-Lee发明万维网（World Wide Web）的那个年代，HTML语言是唯一用于给文本添加结构的语言。作者可以通过声明“这是一个标题”（利用h1标签）或“这是一个段落”（利用p标签）的方式来标记文本。随着Web逐渐流行起来，网页设计者们开始寻求为网页增添布局的可能性。为此，当时的浏览器厂商们（网景公司和微软公司）发明了一些新的HTML标签（比如等），以引入了新的布局——而非新的结构。这也导致了原本用于进行文本的结构化的标签（比如等）越来越多地被误用于进行页面的布局。许多新的布局标签（比如）只有一种浏览器支持。“您需要使用某某浏览器来浏览本页面”成为当时常见于许多网站的声明。 CSS的发明正是为了改善这一状况，它为Web设计师们提供了完善的、所有浏览器都支持的布局能力。而且，文档的表现样式与内容的分离，也令网站维护容易了许多。采用CSS有哪些好处？
CSS是Web设计界的一次革命。CSS的具体优点包括：•通过单个样式表控制多个文档的布局；
•更精确的布局控制；
•为不同的媒体类型（屏幕、打印等）采取不同的布局；
•无数高级、先进的技巧。
第2课：CSS的工作原理
在这一课，你将学习如何制作自己的第一个样式表。你将了解基本的CSS模型，以及在HTML文档里使用CSS所必需的代码。级联样式表（CSS）里用到的许多CSS属性都与HTML属性相似，所以，假如你熟悉采用HTML进行布局的话，那么这里的许多代码你都不会感到陌生。基本的CSS语法
比方说，我们要用红色作为网页的背景色：用HTML的话，我们可以这样：
用CSS的话，我们可以这样获得同样的效果：
body {background-color: #FF0000;}你会注意到，HTML和CSS的代码颇有几分相似。上例也向你展示了基本的CSS模型：但是把CSS代码放在哪里呢？这正是我们下面要讲的。为一个HTML文档应用CSS
为HTML文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。方法1：行内样式表（style属性）
为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上，通过行内样式表将页面背景设为红色：

例子<title> </head> <body style="background-color: #FF0000;"> 这个页面是红色的 </body> </html> 方法2：内部样式表（style元素）为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样：<html> <head> <title>例子<title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> 这个页面是红色的 </body> </html> 方法3：外部样式表（引用一个样式表文件） 我们推荐采用这种引用外部样式表的方法。在本教程之后的例子中，我们将全部采用该方法。 外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘上。 例如，比方说你的样式表文件名为style.css，它通常被存放于名为style的目录中。就像下面这样：现在的问题是：如何在一个HTML文档里引用一个外部样式表文件（style.css）呢？答案是：在HTML文档里创建一个指向外部样式表文件的链接（link）即可，就像下面这样：<link rel="stylesheet" type="text/css" href="style/style.css" /> 注意要在href属性里给出样式表文件的地址。 这行代码必须被插入HTML代码的头部（header），即放在标签<head>和标签</head>之间。就像这样：<html> <head> <title>我的文档


...
这个链接告诉浏览器：在显示该HTML文件时，应使用给出的CSS文件进行布局。这种方法的优越之处在于：多个HTML文档可以同时引用一个样式表。换句话说，可以用一个CSS文件来控制多个HTML文档的布局。这一方法可以令你省去许多工作。例如，假设你要修改某网站的所有网页（比方说有100个网页）的背景颜色，采用外部样式表可以避免你手工一一修改这100个HTML文档的工作。采用外部样式表，这样的修改只需几秒钟即可搞定——修改外部样式表文件里的代码即可。
例子:
打开记事本（或其他文本编辑器），创建两个文件——一个HTML文件，一个CSS文件——它们的内容如下：
default.htm

我的文档

我的第一个样式表

style.cssbody {
background-color: #FF0000;
}
然后，把这两个文件放在同一目录下。记得在保存文件时使用正确的扩展名（分别为“htm”和“css”）。
用浏览器打开default.htm，你所看到的页面应该具有红色背景。恭喜！你已经完成本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/lye2000000_super/archive/2007/05/14/1607806.aspx

百度空间CSS教程 css样式专教程与CSS层哪里有CSS教程下载？最好的CSS教程是什么？哪位能提供CSS教程哪里有css教程的flash教程那有css 的教程哦? 谁有CSS自定义模板教程，求助通信原理教程那里有比较好的div+css教程站？谢谢。哪里有 css网页教程下载啊谢谢哪有全面点的DIV+CSS教程哪里有比完整的css学习教程偶需要css的教程，谁有帮帮忙咯。哪位朋友可以提供css 滚动条全透明教程? CSS？？？？？？？？？ p2p技术原理简介 p2sp呢？计算机组成原理教程的习题答案做网页，*.css定义了什么内容，怎么写*.css文件，哪里有这方面的教程？谢谢请大家推荐一个内容全面的html/css的教程，谢谢！谁知道啊儿有CSS的好的教程,最好是视频的给我推荐CSS和Javascript的学习教程``麻烦了那里有css教程下载，最好是电子书的那种格式在哪可以找到比较好的PS 网页CSS 设计教程？