2005-10-12

CSS入门教程

来源: 本站收集整理 作者:佚名 评论 0 条
    CSS是“Cascading Style Sheets”的简称,中文翻译为“串接样式表”,也有人翻译 为“样式表”。CSS用以作为网页的排版和风格设计,在web标准建站中,对CSS的熟悉和使用 是相当重要的一个内容。CSS的作用是弥补HTML的不足,让网页的设计更为灵活。

  这个文章只是为您介绍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>
  <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>
共3页: 上一页 1 [2] [3] 下一页
(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:使用Dreamweaver批量做web网页  
下一篇:在Dreamweaver中为插入的Flash添加透明
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号