Html和CSS学习过程中容易出现混淆的写法以及错误.docxVIP

Html和CSS学习过程中容易出现混淆的写法以及错误：Html中的标记都是在中，而CSS的定义都放在style type=”text/css”/style中；如果定义的是类选择器，则定义方式时是‘.类名{属性名：value；...}；‘；如果定义的是id选择器，则在定义方式时是’#id名{属性名：value；...}；’；如果定义的是标记选择器，则定义时是’标记名{属性名：value；...}；’；如果定义的是通配标记选择器时，则定义时的方式是’*{属性名：value；...};’。Html标记在给属性赋值时候的方式是：标签名属性名=”value”属性名=”value”属性名=”value”其间用空格隔开；而CSS中，在给CSS选择器属性赋值的时候使用的方式：选择器{属性名：value；属性名：value；属性名：value；}’属性名：value；’其间用‘；‘号隔开。Html标记在给属性赋值的时候一般可以不需要加单位，但需要给所赋的赋值外侧套上””；而在CSS中给属性赋值的时候特别是给宽度（width）高度（height）等长度单位赋值的时候（width和height这种属性也可以用百分比来赋值，意义时需要定义这个宽度和长度的层继承了其父层宽度和高度的百分之多少），一定要加上单位px并以分号结尾，而这个赋值不需要用””来包裹。例子：html的写法是：htmlheadtitle/title/headbodytable width= cellpadding= cellspacing= align= border=trtd align=leftxxx/tdtd align=rightxxx/tdtdxxx/td/tr/table/body/html而CSS样式的写法则是：htmlheadtitle/titlestyle type=text/css.name{width:500px;height:50%;margin:0 auto;}#name1{Position:absolute;Opacity:0.5;}/style/headbodydiv class=name/divdiv id=”name1”/div/body/html特别注意，在html中调用Css选择器的时候，注意一般都是div 选择器类型=”选择器名称”/div。而选择器类型请标明是什么，一般都是：class表示类选择器，id表示id选择器，标记名（如标记p/p）表示标记选择器，而*表示通配选择器。而在css样式中定义这些选择器的时候，的格式是：style type=”text/css”.选择器名{}定义的是类选择器#选择器名{}定义的是id选择器/style各个选择器的定义之间以回车分隔开。例子为：htmlheadtitle/titlestyle type=text/css.name{width:500px;height:50%;margin:0 auto;}#name1{Position:absolute;Opacity:0.5;}/style/headbodydiv class=name/divdiv id=”name1”/div/body/html一．在做CSS样式里的将图片的一部分选中并附着到菜单链接相关按钮上的动作时，需要注意以下几点：Html中许多菜单和导航主要都是用ul/ul做的，纵向的直接做图片转移作业，横向的需要先将li/li做float和clear后，再做图片转接作业。图片转接的作业首先要定义3个类，首先要在ul/ul做一个菜单的总类1：class1，然后需要定义一个从大图片中选取小图片的动作类2：class2，然后再定义li/li下的各个分行的小类：class3。在定义和调用时候需要注意方式，具体方式是：A定义的时候是：.class1{}（定义菜单的宽度，内边距外边距，进而影响到菜单按钮的分布位置，背景色）.class2{}（方法类：这个类定于取图的方式，包括取图框的大小，被取图的母图片路径等信息，这个类最终效果中不应该出现，它只是作为一个方法和工具而存在）.class1 .class3{}（在父层class1中显示用class2方法取出的图片切片，显示的位置就在class3的位置上）B调用的时候是：div class/divul class1lia href= class= class2 class311/a/lilia href= class= class2 class322/a/lilia href= class= class2 class333/a/li/ul/div原理就是：在class1不这个层上的class3的位置上显示用class2的方法取出的母图片的切片。二．在窗口任意位置都已用上述方法放置切割自母图片的小图标（具体这些小