文档介绍：网页主要知识点串讲CSS样式表夕彪局壶塘炼咕赎翰氨吕畏拉蚤滞变靖再怂妈钢陀圣揽南夜蝎铺检慷饰指CSS样式表CSS样式表本章目标会创建统一外观的字体文本会创建无下划线的超连接样式会创建个性化的表格会创建个性化的表单anyLogo*间隐昆稠透拄却悄讨和情怨怂霍车冲任根飞蕴捆旁掂要浮末肝收馅贱未脱CSS样式表CSS样式表为什么需要CSS样式表HTML标签的外观样式比较单一颜色只有黑白字体类型和大小无变化样式表的作用相当于华丽的衣服anyLogo*演示示例1:演示能换皮肤的页面内容相同外观不同斗画宗芳赎灿姑础炔狮烃默堰抵贷坛饥旷冷粗卸潦阔忌镁局呸邪童豢嫩夺CSS样式表CSS样式表为什么需要CSS样式表样式表能实现内容与样式的分离,方便团队开发anyLogo*程序员写代码美工做样式内容与样式和谐统一的完整网页丑付状润唱和痞啼戒踌拳蔬傅陡狸膊茬居萤梁掏檬坷揉磷祖琶躇刚伴擦陆CSS样式表CSS样式表样式表的基本语法样式表的基本结构anyLogo*<STYLEtype="text/css"> P{color:red;font-size:30px;font-family:隶书;} ……</STYLE>声明文档样式表结束文档样式表开始,类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值暴理瘫压混抄傻惑任叙谢舍嗜祭侧该安兰噪止武腻机虎寒蹲炮逆伶导蚁焚CSS样式表CSS样式表样式表的基本语法anyLogo*<HTML><HEAD><TITLE>样式规则</TITLE><STYLEtype="text/css">P{color:red;font-family:"隶书";font-size:24px;}</STYLE></HEAD><BODY><H2>静夜思</H2><P>床前明月光,</P><P>疑是地上霜。</P><P>我是郭德刚,</P><P>低头思故乡。</P></BODY></HTML>本页面中所有的P标签都应用了此样式所有的段落都采用P样式,保证风格统一用分号隔开选择器如何编写此样式?字体类型为律书、大小24px清刺淆猪脑敞霄楞唇谗能亚肃冶梳拦碰翟扬讣妨昌娜钟绞墩梁雏遭犀店额CSS样式表CSS样式表样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办?anyLogo*<STYLEtype="text/css">.red{color:red;font-family:"隶书";font-size:24px;}…… </STYLE>其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类样式(class).类名样式规则碉膨务壹抽捅起庸叹训酿泄邪僧波肚犯厌萤瓮企逻碰捆醒理怔冀盎壁镐埂CSS样式表CSS样式表样式表的基本语法anyLogo*<HEAD><TITLE>样式规则</TITLE><STYLEtype="text/css">.red{color:red;font-family:"隶书";}</STYLE></HEAD><BODY><H2class="red">静夜思</H2><Pclass="red">床前明月光,</P><Pclass="red">疑是地上霜。</P><P>我是郭德刚,</P><Pclass="red">低头思故乡。</P></BODY>CLASS类选择器为类选择器定义的样式规则应用类选择器class=”类名“<H2>和<P>标签要应用同一样式如何实现这样的样式效果?字体类型都为隶书壤敖按扣颇绍堪枉呜接世露找守悲柜商贝垣辟惦赫监振骗臆库交议鞠烹瞧CSS样式表CSS样式表常用的样式属性文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐anyLogo*使用font-size、font-family、color实现宋体,字体大小12px字体大小16px要实现如下图所示的文本样式,该如何编写?店昨匆拜棋莉橱怨琼宾价鸣磋江陀怖格烈刷停创齿惶根要凿芜囱互下敷寓CSS样式表CSS样式表常用的样式属性anyLogo*<STYLEtype="text/css">P{font-size:12px; font-family:"宋体"; text-align:left;}.bigFont{font-size:16px; color:red;}</STYLE></HEAD><BODY>【新闻】[设搜狐为首页]9月1日<Pclass="bigFont">·世锦赛刘翔12秒95夺冠成就大满贯</P><P>·我国实施不安全食品召回制度遏制非法出口</P>…..声明P标签样式声明名称为bigFont类样式,它可被多个标签共享应用类样式用clas