[dw3.pptVIP

学习 CSS 第三课 高翼课堂 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS种类的区分 CSS的作用 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 什么是CSS，有什么用途 CSS为层叠样式表是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式的设置达到页面的格式美化及优化页面。可将页面的内容与表现形式分离。不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。 看图举例说明： 现在的主流的门户网站，企业网站，个人网站都使用CSS来美化及布局。从而达到最好的优化及管理效果。 。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 有无CSS样式的区别 Beauty页面展示 用链接式引用CSS连接式： link href=css/beauty.css rel=stylesheet type=text/css / 链接式：会在装载页面主体部分之前装载css文件，这样显示出来的网页从一开始就是带有样式效果的;导入式：会在整个页面装载完成后再装载CSS文件，对于有的浏览器来说，在一些情况下，如果网页文件的体积比较大，则会出现先显示无样式的页面，闪烁一下之后再出现设置样式后的效果，从浏览者的感受来说，这是导入式的一个缺陷。 为什么不直接写在HTML的页面中，而要html与CSS分离? 因为单一CSS样式表可以统一控制及管理多个HTML文件内容，方便修改及浏览，例如所有的标签颜色，字体大小，布局分布都可以一一控制好。给网站及设计人员带来工作高效率。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 事例字体大小区别 不同的浏览器设置下 看看以下文字有什么不同： 高翼课堂由高翼老师主讲 结论： 不同的浏览器设置，都会有不同的字体变化，用CSS来控制字体的大小，可以达到统一控制美化的效果。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS类别 新建 CSS 区分： 链接与导入CSS的区别。 类，标签 ，高级 的1.含义 2.用法 3.区别 类：所有元素自定义的CSS样式任意名称，例如针对文字，表格，表单等。命名以点开头接英文例如 .font14px 标签：针对所有的标签全局样式定义。不需要命名。（body,td） 高级： 访问链接属性设置。命名特殊。针对文本按钮链接。Link ,visited,hover,active (另有一个css声明规则,就是“就近原则”谁近就听谁的,比方说你事先定义了P样式.然后又重新对它设置了样式,那么这个样式代码离P近,那就先听它的,不听先前创建的p标签) Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS 类 针对所有元素自定义的CSS样式任意名称 类案例： 优化上节课的表格排版，(先清空原有的字体格式控制) 1.字体12PX，行高22px，字体颜色; 2.针对表格边框（一像素边框），针对某一条边的显示美化控制； 文字列表底边虚线添加。 3.针对表单与文本框： 表单与文本框的关系，如信封与信纸的关系。寄信原理：保存需要查找的内容,发送（寄出）到数据库，收到查找完后，返回给显示页面。 案例：布局美化搜索条。 1.用FORM标签去掉默认的填充及边界。 2.边框去掉，背景颜色，背景图，缩进，图片对齐。 Evaluation only. Created with Asp