网页设计与网站建设.pdfVIP

网页设计与 建设 （实验二） 主讲教师 ： 信息科学与技术学院 实验内容 在Adobe Dreamweaver中编辑CSS 掌握基本的CSS语法 • 复习CSS的基本语法 • 利用CSS定义网页样式 岭南师范学院 1 在Dreamweaver 中的编辑CSS CSS设计器 岭南师范学院 2 4.3 CSS 语 则 • CSS 规则由两个主要的部分构成 ：选择器，以及一条或多条 。 selector { declaration1; declaration2; ... declarationN; } 通常是需要改变样 与 之 式的 HTML 元素 间用分号隔开 岭南师范学院 3 4.3 CSS 语 则 • 每条 由一个属性和一个值组成。 • 属性 （property ）是您希望设置的样式属性 （style attribute ）。 selector { property: value ; } 每个属性有一个值 属性和值被冒号分开 岭南师范学院 4 4.3 CSS 语 则 • 例如将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为14 像 素。 h1 { color: red ; font-size: 14px ; } 选择器 ：h1 属性 ：color 值 ：red 后的分号 了 岭南师范学院 5 4.3 CSS 语 则 如果值为若干单词， 则要给值加引号。 p{ font-family :Cambria, Times New Roman; font-size:medium; } /* CSS */ 岭南师范学院 6 CSS 书写规则(1) • 与 HTML 一样，多余的空格与换行并不会对CSS 产生任何影响。 这 两 种