Web技术应用基础第五章课件.ppt

第5章CSS第5章CSS1学****要点:熟练使用页面布局技术,使网页布局合理,内容丰富。。(英语:CascadingStyleSheets,简写CSS),又称串样式列表,由W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。(同一网页内容,相同不同的CSS可显示不同效果)多个网页文件共享样式文件{规则}选择符(Selector):页面上哪些部分套用样式规则(Rule):被选中部分按什么规则显示第5章CSS6属性功能与属性值示例font-family定义字体类型font-family:隶书font-size定义字体大小绝对大小:xx-small|x-small|small|medium|large|x-large|xx-large相对大小:large|smallfont-size:x-largefont-size:60pxfont-size:160%font-weight字体粗细:normal|bold|bolder|lighter|100-900font-weight:boldfont-variant字体变形:normal|small-caps(小型大写字母)font-variant:normalfont-style字体效果:normal|italic|obliquefont-style:italic文字样式属性第5章CSS7第5章CSS属性功能与属性值示例color前景色color:redbackground-color背景色:颜色|transparent(透明)background-color:whitebackground-image背景图象的URLbackground-image:/img/。8CSS支持的长度单位类型说明示例相对em相对字符高度,以当前元素本身的font-size为参考依据margin:4empx以像素为单位font-size:16px绝对in英寸1in=-size:-size:-size:6mmpt点数1pt=1/72infont-size:40ptpc印刷单位1pc=12ptfont-size:4pc第5章CSS9第5章CSS属性值光标属性值光标属性值光标属性值光标auto默认值crosshairse-resizes-resizedefaulte-resizene-resizetextmoven-resizesw-resizewaitpointerw-resizenw-resizehelpcursor属性10