NET 微信公众平台开发教程全套PPT课件.ppt

【例10-2】在HTML中使用CSS设置显示风格的例子!DOCTYPEHTMLHTMLHEADstylea{color:red}p{background-color:blue;color:white}/style/HEADBODYAhref=CSS示例/AP你注意到这一段文字的颜色和背景颜色了吗?/P怎么样?/BODY/HTML浏览【例10-2】的结果1．在HTML文档中应用CSS（1）行内样式表在HTML元素中可以使用style属性指定该元素的CSS样式，这种应用称为行内样式表。【例10-3】使用行内样式表定义网页的背景为灰色!DOCTYPEHTMLhtmlheadtitle使用行内样式表的例子/title/headbodystyle=background-color:grey;p网页的背景为灰色/p/body/html（2）内部样式表!DOCTYPEHTMLHTMLHEADSTYLEtype=text/cssa{color:red}p{background-color:blue;color:white}/STYLE/HEADBODYAhref=CSS示例/AP你注意到这一段文字的颜色和背景颜色了吗?/P怎么样?/BODY/HTML（3）外部样式表属性说明charset使用的字符集href指定被链接文档（样式表文件）的位置hreflang指定在被链接文档中文本的语言media指定被链接文档将被显示在什么设备上。可以是下面的值：?all，默认值，适用于所有设备；?aural，语音合成器；?braille，盲文反馈装置；?handheld，手持设备（小屏幕、有限的带宽）；?projection，投影机；?print，打印预览模式/打印页；?screen，计算机屏幕；?tty，电传打字机以及类似的使用等宽字符网格的媒介；?tv，电视类型设备（低分辨率、有限的滚屏能力）rel指定当前文档与被链接文档之间的关系。可以是下面的值：?alternate，链接到该文档的替代版本（例如打印页、翻译或镜像）；?author，链接到该文档的作者；?help，链接到帮助文档；?icon，表示该文档的图标；?licence，链接到该文档的版权信息；?next，集合中的下一个文档；?pingback，指向pingback服务器的URL；?prefetch，规定应该对目标文档进行缓存；?prev，集合中的前一个文档；?search，链接到针对文档的有哪些信誉好的足球投注网站工具；?sidebar，链接到应该显示在浏览器侧栏的文档；?stylesheet，指向要导入的样式表的URL；?tag，描述当前文档的标签（关键词）rev保留关系，HTML5中已经不支持sizes指定被链接资源的尺寸。只有当被链接资源是图标时(rel=icon)，才能使用该属性target链接目标，HTML5中已经不支持type指定被链接文档的MIME类型【例10-4】a{color:red}p{background-color:blue;color:white}引用style.css的HTML文档的代码如下!DOCTYPEHTMLHTMLHEADlinkhref=~/Content/10_4.cssrel=stylesheet//HEADBODYAhref=CSS示例/AP你注意到这一段文字的颜色和背景颜色了吗?/P怎么样?/BODY/HTML2．颜色与背景属性说明color设置前景颜色。【例10-2】中已经演示了color属性的使用，例如：a{color:red}background-color用来改变元素的背景颜色。【例10-2】中已经演示了background-color属性的使用，例如：P{background-color:blue;color:white}background-image设置背景图像的URL地址background-attachment指定背景图像是否随着用户滚动窗口而滚动。该属性有两个属性值，fixed表示图像固定，acroll表示图像滚动background-position用于改变背景图像的位置。此位置是相对于左上角的相对位置background-r