DIV+CSS网页样式与布局.pptVIP

—徐州市华网信息科技有限公司 CSS+DIV 网页样式与布局 第一章 CSS的初步体验 第二章 CSS的基本语法 第三章 图片效果和超链接 目录 1.1 CSS的概念 CSS(Cascading Style Sheet)，中文译为层叠样式表，它是用于控制网页样式并允许将 样式信息与网页内容分离的一种标记性语 言。简单地说，CSS的引入就是为了使得HTML 语言能够更好地适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能， 如字体、颜色、背景、和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不 同的样式风格。 1.1.1标记的概念 在页面中各种标记以及位于标记中间的所有内容，组成了整个页面。 如：h2标题内容/h2 其中h2称为起始标记，对应的/h2称为结束标记，在这两者之间为实际的标题内容。 见例1-1.html 1.1.2 CSS的引入 见例1-2.html 1.2 使用CSS控制页面 在对CSS有了大致的了解之后，便可以使用CSS对页面进行全方位的控制。使用CSS 控制页面的方法，包括行内样式、内嵌套、链接式和导入式。 1.2.1 行内样式 行内样式是所有方法中最为直接的一种，它直接对HTML的标记使用style属性，然后将 CSS代码直接写在其中。见例1-3.html 在例中可以看到3个p标记中都使用了st