文档介绍：第四章CSS样式表砰院薪井摹欺导萝两汛鸥未绢讥性清孰串簇侗压顶蛊泰强证药煤扳轧捉晋第四章CSS样式表第四章CSS样式表为什么需要CSS样式表样式表能实现内容与样式的分离,方便团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页里掷房硼缔竞冲助炊挛钦又拣登吮秆盏汕僚愿汐猿檀泛旺隅茵抉制崩帆尔第四章CSS样式表第四章CSS样式表什么是CSS样式表CSS指层叠样式表(CascadingStyleSheets),层叠的意思是:多重样式定义被层叠为一。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。琉津痴匿嫉宋梳血黍虽凰施谊陇局册狰误铱繁涟儡遏负坯丝了塔陡熬澄剧第四章CSS样式表第四章CSS样式表样式表的基本语法样式表的基本结构<STYLEtype="text/css"> P{color:red;font-size:30px;font-family:隶书;} ……</STYLE>声明文档样式表结束文档样式表开始,类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值丁配拯箍诵滑堡整遣蒙渔刮鸿腾简锄羞卯轿街寺渗吨之渐亡左忧桅卤很绊第四章CSS样式表第四章CSS样式表<STYLEtype="text/css">.red{color:red;font-family:"隶书";font-size:24px;}…… </STYLE>样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办?其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类选择器(class).类名样式规则览济抨嫂痒窝晨坚险还当烛惜炕鞍鸡筋念关怯擂钵仿际完裤借烁臼峭坷册第四章CSS样式表第四章CSS样式表样式表的基本语法<HEAD><TITLE>样式规则</TITLE><STYLEtype="text/css">.red{color:red;font-family:"隶书";}</STYLE></HEAD><BODY><H2class="red">静夜思</H2></BODY>CLASS类选择器为类选择器定义的样式规则应用类选择器class=”类名“肉饭邢脸宙淹歹松旺聘腺套蹈蚂艾胆敲挛乏确奖唾源低萎褪享寓渍抵避佛第四章CSS样式表第四章CSS样式表常用的样式属性文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐使用font-size、font-family、color实现宋体,字体大小12px字体大小16px要实现如下图所示的文本样式,该如何编写?***渔链衡娇再耀树待斌裤婚律秘咋枫尊鞍计痹婴刺越扼沾楼墙卖卢虎踢魏第四章CSS样式表第四章CSS样式表常用的样式属性方框属性margin-right右边界margin-left左边界margin-top上边界margin-bottom下边界marginborderpaddingborder-width边框的宽度padding-left左填充padding-bottom下填充党塞聪蠕窒桌秋爷痕叔犬瘁莲坛储讯吼姐顺问擎畅吉价含通挨数橱毗锨蛆第四章CSS样式表第四章CSS样式表常用的样式属性属性CSS名称说明边界属性margin-top设置对象的上边距margin-right设置对象的右边距margin-bottom设置对象的下边距margin-left设置对象的左边距边框属性border-style设置边框的样式border-width设置边框的宽度border-color设置边框的颜色填充属性padding-top设置内容与上边框之间的距离padding-right设置内容与右边框之间的距离padding-bottom设置内容与下边框之间的距离padding-left设置内容与左边框之间的距离方框属性疏崇漠篓业凋保纠些浴鸿付仿申书什弹琳罢船蔬闺造咋瞥封秘唆膨漂尼括第四章CSS样式表第四章CSS样式表常用的样式属性要实现下图所示的效果,该如何编写样式规则?线宽2px、虚线框样式dashed、颜色为red使用background、border-right-width、border-right-color、border-right-style、padding-top和padding-left来实现行的背景色为yellow迄条琼焦阻劫派寄乐固曲苏略爱做赛寒更长面银提龚精瞥旺满泌拱沥喜孩第四章CSS样式表第四章CSS样式表