跳到主要内容

了解样式表（CSS）- Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

了解CSS的基本规则将帮助您创建更高效的样式，并有助于构建更易于管理的网站。学习层叠样式表的优点，并区分外部样式和内部样式。

什么是CSS？​

CSS 是一组用于设置页面格式的样式属性。
样式表 是各种样式的集合，可以应用于网站的单个页面、一系列页面或整个网站。

CSS对用户的好处​

CSS可以用来操作各种HTML元素，如文本、段落和图片，以满足特定的规格要求，如大小、颜色、字体或位置。CSS可以随时修改以更新指定的HTML元素。
例如，如果一个网页中有多个HTML标题，用户可以为该页面编写一个统一的样式，管理所有标题的样式，而不是单独格式化每个标题。

CSS样式的类型​

通常，CSS会放在单独的文件中，以便更容易管理HTML；不过，外部CSS样式表并非必须。CSS也可以嵌入到页面的HTML中，效果相同。

外部CSS样式（全站样式）​

外部CSS样式来自一个外部CSS文件，通过<link>标签将该文件链接到多个页面的HTML中。这样页面会引用外部CSS文件以获取正确的格式。外部CSS样式非常适合在多个页面中使用CSS的情况。

嵌入式CSS样式（单页样式）​

嵌入式CSS样式是添加到网站单个页面上的一段代码。这种方法不需要引用任何外部文件，适合希望某个页面使用独有CSS样式的情况。
注意： 外部样式会被嵌入式样式覆盖，嵌入式CSS样式又会被内联CSS样式覆盖。

内联CSS样式（单元素样式）​

内联CSS样式是嵌入式CSS的一个变体，更加专一，作用于页面的单个元素，略有不同于应用于整个网页的嵌入式CSS。通常不推荐使用此类CSS样式，因为它较为繁琐，需要对多个元素逐一操作。

入门视频​

  • 什么是Dreamweaver CS5？
  1. 定义新站点
  2. 创建新文档
  3. 为文本添加结构
  4. 管理资源
  5. 在页面上放置图片
  6. 创建链接
  7. 了解样式表（CSS）
  8. 从属性检查器控制CSS
  9. 使用实时视图和CSS检查器

Dreamweaver是Adobe的一款流行网站和应用程序创建软件。它支持HTML5、CSS3、PHP、FTP、jQuery等，并且兼容HostGator网站托管。

您可以通过访问Adobe官网或视频学习门户Adobe TV了解更多Dreamweaver信息。本文中的视频由Adobe TV提供。