Web应用程序客户端界面设计_第4章.pptVIP

导入（@import）外部样式表使用@import导入，语法:HEADSTYLETYPE=text/css@importnewstyle.css;/STYLE/HEAD引入样式表文件理解样式表的层叠层叠样式表背后的概念是，多个样式定义可以层叠向下通过多个层次来影响文档。样式定义的多个层次可以应用于任何文档。层次的优先级别从小到大依次为:用户浏览器的设置外部样式表嵌入式样式表内联样式创建样式规则理解样式表的第一步就是理解如何正确编写样式规则。每个样式规则分为选择器和规则本身两个部分,选择器用于规则所应用的元素,规则本身则指定格式。选择器元素选择器类选择器ID选择器包含选择器通配选择器伪类选择器伪元素选择器元素选择器HTML元素是最典型的选择器类型,任何一个HTML元素都可以做为选择器元素{属性:值;}h1{color:red;}h1{color:#ff0000;}h2{color:#FF0000;}h1,h2{color:#ff0000;}类选择器1如果想要把某一个样式应用到不同的HTML元素上,可以采用类选择器来定义,然后在不同标签中应用它们。.类名{属性:值;}htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title类选择器示例1/titlestyletype=text/css.tt{font-size:10pt;font-family:黑体;color:#800080;font-weight:bold;}/style/headbodypclass=tt示例一/p/*p标签应用名字为tt的类层叠样式表*/h1class=tt示例二/h1/*h1标签也应用名字为tt的类层叠样式表*//body/html类选择器2如果我们希望为某一个HTML元素创建多个样式规则,可以在类名前面加上该元素的名称元素.类名{属性:值;}htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title类选择器示例2/titlestyletype=text/cssh1.left{color:blue;}h1.right{color:red;}/style/headbodyh1class=left第一行/h1/*h1应用名为h1.left的类样式规则/h1class=right第二行/h1/*h1也应用名为h1.right的类样式规则*//body/html*1-**4-*1李健Email:walk1999@163.com**讲解要点：第四章CSS基础复习（第一章）应用计算演变主机/哑终端模式c/s模式b/s模式Web应用程序工作原理服务器浏览器HTTP协议复习（第二章）h1－h6pblockquoteulollidtddpredivspannbsp;lt;gt;ahref=“”/aaname=“a1”/aimgsrc=“”/objecttabletrthtdrowspan=2colspan=2iframe复习（第三章）formaction=“”method=“get|post”inputtype=“text”size=“”maxlength=“”inputtype=“password”size=“”maxlength=“”inputtype=“checkbox”value=“”name=“”id=“”checked=“checked”inputtype=“radio”value=“”name=“”id=“”checked=“checked”inputtype=“hidden”id=“”value=“”inputtype=“file”id=“”请注意一定要设formmethod=“post”enctype=“form/multipart”selectname=“”id=“”optionvalue=“”selected=“selected”复习（第三章）selectmultiple=“multiple”size=“3”optiontextarea