DIV+CSS网页设计基础教程.pdf

网络营销博客 吴文元整理 这个文章只是为您介绍CSS 的基础应用，指引您的一个入门的基础教程，主要目的是 为 推进web 标准贡献自己的微薄之力。 说点我自己的体会，现在有好多人都在推广WEB 标准，其实对初学者来说，不需要刚 学 的时候就学标准，学点简单的还是容易入门的，因为现在HTML 还在照样用啊，所以我 希望初学 者学习时不要非遵循标准，当你入门之后，你做网页的时候，发现使用表格特麻 烦的时候你就 该去寻求简单方法了，到时再学也不晚啊，如果你喜欢新技术那么你初学时 就学标准吧，按个 人的实际来行动吧。下面开始学习了 一、如何在HTML 中应用CSS 。 您可以利用下列 3 种方式将 CSS 指定的格式加入到HTML 中： 1. 在 HTML 文件里加一个超级连结，连接到外部的 CSS 文档。(外部连结 CSS) 这个方法最方便管理整个网站的网页风格，它让网页的文字内容与版面设计分开。您 只要在一个 CSS 文档内（扩展名为 .CSS）定义好网页的风格，然后在网页中加一个超级 连接 连接到该文档，那么你的网页会按在CSS 文档内定义好的风格显示出来了。 具体的使用防范是： HTML HEAD TITLE网页文件的标题/TITLE LINK REL=stylesheet HREF=style.css TYPE=text/css /HEAD 注意：style.css 文件的位置。 2. 在 HTML 文件内的 HEAD/HEAD 标签之间，加一段 CSS 的描述内容。 (内定义CSS) 这个方法适用于指定某个网页，除了表现外部的 CSS 文档定义好的网页风格外，同时 还要表现本身 HTML 文档内指定的 CSS 。 如果内在添加的 CSS 描述与外部连接的 CSS 描述相冲突的话，网页的表现将以内在 添加的 CSS 描述为主，也就是外部的描述就不再起作用了。 具体使用方法是： 网络营销博客 吴文元整理 HTML HEAD TITLE网页标题/TITLE LINK REL=stylesheet HREF=style.css TYPE=text/css STYLE TYPE=text/css !-- BODY {font: 12pt} H1 {font: 16pt} P {font-weight: bold; color: green} -- /STYLE /HEAD BODY 网页内容… /BODY /HTML 值得注意的是，为了防止不支持 CSS 的浏览器误将标签间的CSS 风格描述当成普通 字串，而表现于网页上，您最好将 CSS 的叙述文字插入在!--和--之间。 3. 在 HTML 文件的文本内容中，随时有需要，随时加一小段 CSS 的描述指定风格。 ( 文本间CSS) 这个方法适用于指定网页内的某一小段文字的呈现风格。 外部CSS 与内定义CSS 如果和此定义有相同的项，那么以此定义的 CSS 风格表现， 外部 CSS 文档与内定义CSS 和此定义的没相同的项时那么还会正常显示，同时还会显示文 本内容间的 CSS 风格。 具体使用方法是： HTML HEAD TITLE网页标题/TITLE 网络营销博客 吴文元整理 /HEAD BODY P STYLE=color: red 本页内容… /P /BODY /HTML 上述的 3 种 CSS，可以同时并用，也可以择您所好，单一或成双地使用。如果各CS S 间的叙述相冲突，则内在定义的 CSS 会覆盖外部连结的 CSS ，文本间的 CSS 会覆盖 内在定 义的 CSS 。 二、挑选者、属性和值。 先举个例子：H3{ COLOR : BLUE; }表示在文本中只要使用H3 标签