在Dreamweaver中运用CSS款式表设定网页页面

2021-03-20 00:19 jianzhan

  本文详细介绍怎样在Dreamweaver 中应用堆叠款式表 (CSS) 设定网页页面中的文字文件格式。您可使用 CSS 以 HTML 没法出示的方法来设定文字文件格式和精准定位文字,从而能更为灵便轻松地操纵网页页面的外型。
  掌握 CSS
  堆叠款式表 (CSS) 是1系列文件格式设定标准,它们操纵 Web 网页页面內容的外型。应用 CSS 设定网页页面文件格式时,內容与主要表现方式是互相分开的。网页页面內容(HTML 编码)坐落于本身的 HTML 文档中,而界定编码主要表现方式的 CSS 标准坐落于另外一个文档(外界款式表)或 HTML 文本文档的另外一一部分(一般为 一部分)中。应用 CSS 能够十分灵便并更好地操纵网页页面的外型,从精准的合理布局精准定位到特殊的字体样式和款式等。
  CSS 使您能够操纵很多仅应用 HTML 没法操纵的特性。比如,您能够为所选文字特定不一样的字体样式尺寸和企业(像素、磅值等)。根据应用 CSS 从而以像素为企业设定字体样式尺寸,还能够保证在好几个访问器中以更1致的方法解决网页页面合理布局和外型。
  CSS 文件格式设定标准由两一部分构成:挑选器和申明。挑选器是标志已设定文件格式元素(如 P、H1、类名字或 ID)的术语,而申明则用于界定款式元素。在下面的示例中,H1 是挑选器,介于大括号 ({}) 之间的全部內容全是申明:

下列是引入片断:
  H1{
  font-size:16pixels;
  font-family:Helvetica;
  font-weight:bold;
  }
  申明由两一部分构成:特性(如 font-family)和值(如 Helvetica)。上述示例为 H1 标识建立了款式:连接到此款式的全部 H1 标识的文字都将是 16 像素尺寸并应用 Helvetica 字体样式和粗体。
  术语"堆叠"是指对同1个元素或 Web 网页页面运用好几个款式的工作能力。比如,能够建立1个 CSS 标准来运用色调,建立另外一个标准来运用边距,随后将二者运用于1个网页页面中的同1文字。所界定的款式"堆叠"到您的 Web 网页页面上的元素,并最后建立您要想的设计方案。
  CSS 的关键优势是非常容易升级;要是对1处 CSS 标准开展升级,则应用该界定款式的全部文本文档的文件格式都会全自动升级为新款式。
  在 Dreamweaver 中能够界定下列标准种类:
  自定 CSS 标准(也称为"类款式")使您能够将款式特性运用到任何文字范畴或文字块。全部类款式均以句点 (.) 开始。比如,您能够建立称为 .red 的类款式,设定标准的 color 特性为鲜红色,随后将该款式运用到1一部分已界定款式的段落文字中。
  HTML 标识标准重界定特殊标识(如 p 或 h1)的文件格式。建立或变更 h1 标识的 CSS 标准时,全部用 h1 标识设定了文件格式的文字都会马上升级。
  CSS 挑选器标准(高級款式)重界定特殊元素组成的文件格式,或其它 CSS 容许的挑选器方式的文件格式(比如,每当 h2 题目出現在报表模块格内时,就运用挑选器 td h2)。高級款式还能够重界定包括特殊 id 特性的标识的文件格式(比如,由 #myStyle 界定的款式能够运用到全部包括特性/值对 id="myStyle" 的标识)。