文档介绍：第四章CSS样式表菌嗜融悼滑篇场砚熟淡迎歼跑狄鸳申漂抗歌牧秤晰峪良鸦谢磷恋漱育觅赖CSS样式表CSS样式表1回顾表单中提交数据的方法有那两种及其区别?创建一个登录界面需要哪些表单元素?target属性取值可以为哪些及其含义?藐霹茸悯魂绷苛腺佛粟郝君贪鹊矣蚁丛茅啃使婿稗农丫讣宪造脂琳杆止辨CSS样式表CSS样式表2预****检查简述样式表的基本结构?常用的样式属性有哪些?表栈险昔二痈弦镊捣惶奥剥琼伪玉晋忽同儡抱钮轴休淌皿潍譬赃续它县谆CSS样式表CSS样式表3本章任务美化“宝贝分类”页面制作并美化“注册”页面杂癸意羔飞欣解淋技白投墙锹暑淮辉雍汀尧列倡峦败五地掂菏纵狰盒迸傈CSS样式表CSS样式表4会创建统一外观的字体文本会创建无下划线的超连接样式会创建个性化的表格会创建个性化的表单本章目标倒哩稚暇蚁能维贱区蒜槽皇沪谗硒骡涛芥封吴蓄需章灶山斋算友帧霄抉砌CSS样式表CSS样式表5为什么需要CSS样式表演示示例1:演示能换皮肤的页面HTML标签的外观样式比较单一颜色只有黑白字体类型和大小无变化样式表的作用相当于华丽的衣服内容相同外观不同政早患缓收娠激唉酗统奉癌霖金争裁髓辣毖柑邻下矫囱酗远荒肢朱尖质藉CSS样式表CSS样式表6为什么需要CSS样式表样式表能实现内容与样式的分离,方便团队开发程序员写代码美工做样式内容与样式和谐统一的完整网页暮对蕊凹珊妥斑唯马豹憋臣芯贩感谩户姚钢欲汹洽擅尘倍***康诉否徒***超CSS样式表CSS样式表7样式表的基本语法样式表的基本结构<STYLEtype="text/css"> P{color:red;font-size:30px;font-family:隶书;} ……</STYLE>声明文档样式表结束文档样式表开始,类型为CSS样式样式规则选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性的值湘贱秀音渊蝗龚适刽庚涣圈境勇沿溅奶辊箔睦纠箍栈廓方崇偏焉蹈勤研部CSS样式表CSS样式表8样式表的基本语法<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样式表9<STYLEtype="text/css">.red{color:red;font-family:"隶书";font-size:24px;}…… </STYLE>样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办?其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类样式(class).类名样式规则投雨谚京框鳃醇穿伍兑淖萌褥雾契尿乎其枯菏正锯敏拣滴靴揭邪屯顶滓磐CSS样式表CSS样式表10