《css样式表》ppt课件

《《css样式表》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章CSS样式表为什么需要CSS样式表样式表能实现内容与样式的分离，方便团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页什么是CSS样式表CSS指层叠样式表（CascadingStyleSheets），层叠的意思是：多重样式定义被层叠为一。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。样式表的基本语法样式表的基本结构P{color:red;font-size:30px;font-family:隶书;}……声明文档样式表结束文档样式表开始，类型为CSS样式样式规则选择

2、器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值.red{color:red;font-family:"隶书";font-size:24px;}……样式表的基本语法如果希望其他的标签也能采用P标签的样式，怎么办？其他标签和P标签应该采用相同的样式，所以要为它们定义一个共享样式。类选择器(class).类名样式规则样式表的基本语法.red{color:red;font-famil

3、y:"隶书";}静夜思CLASS类选择器为类选择器定义的样式规则应用类选择器class＝”类名“常用的样式属性文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐使用font-size、font-family、color实现宋体，字体大小12px字体大小16px要实现如下图所示的文本样式，该如何编写？常用的样式属性方框属性margin-right右边界margin-left左边界mar

4、gin-top上边界margin-bottom下边界marginborderpaddingborder-width边框的宽度padding-left左填充padding-bottom下填充常用的样式属性属性CSS名称说明边界属性margin-top设置对象的上边距margin-right设置对象的右边距margin-bottom设置对象的下边距margin-left设置对象的左边距边框属性border-style设置边框的样式border-width设置边框的宽度border-color设置边框的颜色填充属性padding-top设置内容与上边框之间的距离padding-right设置内

5、容与右边框之间的距离padding-bottom设置内容与下边框之间的距离padding-left设置内容与左边框之间的距离方框属性常用的样式属性要实现下图所示的效果，该如何编写样式规则？线宽2px、虚线框样式dashed、颜色为red使用background、border-right-width、border-right-color、border-right-style、padding-top和padding-left来实现行的背景色为yellow常用的样式属性.tableBorder{border-right-width:3px;borde

6、r-right-color:red;border-right-style:dashed;padding-top:20px;padding-left:10px;}TR{background-color:yellow;}

7、der-width和border-style属性常用的样式属性.textBorder{border-width:1px;border-style:solid;}……

名字：

密码：