必威体育精装版版本的层叠样式表——CSS3.ppt

回顾 HTML5中新增的in;以提问的方式回顾HTML5新表;第4章 必威体育精装版版本的层叠样式表;本章知识点4.1 CSS基础;4.1 CSS基础 4.1.;为什么需要CSS样式表演示示例;为什么需要CSS样式表样式表能;4.1.1 什么是CSS 定;样式表的基本语法样式表的基本结;样式表的基本语法HTML;STYLE type=te;样式表的基本语法HEAD;样式表的三类应用方式内嵌样式表;2．内部样式表 在网页中可以使;内嵌样式表STYLE typ;行内（嵌入）样式表 如果;1．行内样式表在HTML元素中;行内（嵌入）样式表BODY ;外部样式表文件 如果希望;外部样式表文件根据样式文件与网;链接（LINK ）外部样式表使;导入（@import）外部样式;3．外部样式表 在HTML文档;接上 属 性说 明;【例4-3】 演示外部样式表的;4.1.3 颜色与背景 属性;【例4-4】 演示设置网页背景;【例4-4】;4.1.4 设置字体 属性说;【例4-5】 !DOCTYP;【例4-5】的运行结果;常用的样式属性方框属性marg;margin:mpx; ;常用的样式属性属 性CSS名称;4.1.5 设置文本属性 1;1．设置文本对齐使用text-;【例4-6】 !DOCTYP;【例4-6】的运行结果;2．设置文本的修饰 使用tex;【例4-7】 演示设置文本修;【例4-7】的运行结果;3．设置文本的缩进使用text;【例4-8】 演示设置文本缩;【例4-8】的运行结果;4．设置文本的字间距 使用wo;【例4-9】 演示设置文本字;【例4-9】的运行结果;5．设置文本的行间距 使用li;【例4-10】 演示设置文本;【例4-10】的运行结果;6．设置文本方向 使用dire;【例4-11】演示设置文本方向;【例4-11】的运行结果;7．处理文本中的空白符 使用w;【例4-12】演示禁止元素中的;【例4-12】的运行结果如图所;4.1.6 超链接 ;【例4-13】 !DOCTY;浏览【例4-13】的结果;【例4-14】 !DOCTY;浏览【例4-14】的结果;CSS还包括下面的超链接样式 ;【例4-15】 设置各种状态的;4.1.7 列表 在HTML;1．设置列表项标记的类型 可以;接上 取 值说 明;【例4-16】设置无序列表和有;2．设置列表项图像 列表项前面;【例4-17】设置无序列表项前;4.1.8 表格 在CSS中;1．设置表格边框 可以使用bo;浏览【例4-18】的结果;2．折叠边框 可以使用bord;接上bodytable;CSS的其他表格属性 ??? ;【例4-20】 html;接上tr.alt { co;接上tdChrome/t;浏览【例4-20】的结果;4.1.9 CSS 轮廓 轮;CSS的轮廓属性 属 性;轮廓样式的可选值 可选值说 ;轮廓宽度的可选值 可选值说 ;【例4-21】 设置元素轮廓;浏览【例4-21】的结果;4.1.10 浮动元素浮动是;【例4-22】 html;浏览【例4-22】的结果;4.2 CSS3的新技术 4;4.2.1 实现圆角效果 在C;【例4-23】 使用borde;浏览【例4-23】的结果;还可以使用下面的属性定义指定的;【例4-24】 html;接上/style/hea;浏览【例4-24】的结果;【例4-25】 html;浏览【例4-25】的结果;【例4-26】 html;浏览【例4-26】的结果;4.2.2 多彩的边框颜色在;使用这些属性的语法 borde;前缀-moz 在编写此书时，主;【例4-27】 html;浏览【例4-27】的结果;4.2.3 阴影 在CSS3;不同的浏览器引擎中，实现box;【例4-28】 !DOCTY;浏览【例4-28】的结果;提示 如果需要实现左侧和顶部的;4.2.6 嵌入字体 在CS;参数说明 ? YourWeb;【例4-31】 !DOCTY;浏览【例4-31】的结果;下载字体可以访问下面的网站下载;4.2.4 背景图片 CSS;接上/headbody;【例4-29】 !DOCTY;浏览【例4-29】的结果;4.2.5 多列 在CSS3;【例4-30】 !DOCTY;浏览【例4-30】的结果;4.2.7 透明度 在CSS;【例4-32】 在CSS3中;浏览【例4-32】的结果;【例4-33】 在CSS3中;浏览【例4-33】的结果;【例4-34】 使用RGBA;4.4 CSS3高级应用 4;4.4.1 在页面中插入内容1;2. 插入图像 CSS3在页面;元素:after{ conte;4.4.2 文字样式控制1. ;3. 使用服务