网页设计与制作DIV+CSS.pptx

3、结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。Css的概念CSS:CascadingStyleSheets层叠式样式表HTML语言并不是真正的版面语言，它只是标记语言，意图把文档的不同部分通过它们的功能作用进行分类，但并不指出这些元素如何在计算机屏幕上显示。CSS则提供对文档外观的更好更全面的控制，而且不干扰文档的内容。CSS基本语句的结构：HTML选择符{属性1：值1；属性2：值2；属性n：值n；}选择符是要对它应用说明的HTML元素名称；属性就是能够被CSS影响的浏览器行为，如字体、背景、边界等；值就是可以为属性设置的任何选项，如“楷体”，“red”

4、等。如：p{font-size:12pt；color:blue}盒子模型每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（width）和高度（height），盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。边缘margin（边界）(margin-top、margin-right、margin-bottom、margin-left)：外边距顺序依次是上、右、下、左例如，{margin:2em4em}、{margin-left:-200px}padding（填充）(paddi

5、ng-top、padding-right、padding-bottom、padding-left)：内边距指文本边框与文本之间的距离，顺序依次是上、右、下、左布局中的主要样式fontline-heightcolormarginpaddingbordertext-alignbackgroundwidth:heightfloat:cleardisplay如何在网页中应用css1.行内套用（两种）如：1）2）直接写在标签内

6、:隶书;font-weight:bold;font-size:24px">2.外部连接套用如：如何在网页中应用css3.汇入套用（汇入的做法为利用@import这个指令）使用@import导入，语法：

7、head>内嵌样式的选择器根据选择器的不同，内嵌样式又分为：HTML选择器CLASS类选择器ID选择器虚类和虚元素selector{property1:value1;property2:value2;…}需要应用的样式的内容样式的属性样式的属性的值HTML选择器P{/*设置样式：字体和背景色*/font-family:System;font-size:18px;color:#3333CC;}H2{background-col