HTMl语法 ,总结.docxVIP

XHTML：1.0规范标签名称和属性名称必须小写HTML标签必须关闭属性值必须用引号括起来标签必须正确嵌套必须添加文档类型声明该声明必须位于HTML文档的第一行1.Strict(严格类型)：完全符合W3C标准!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0Fransitional//EN””/TR/xhtml1/DTD/xhtml1-Strict.dtd”2.Transitional(过渡型)：松散声明!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0Fransitional//EN””/TR/xhtml1/DTD/xhtml1-transitional.dtd”3.Frameset(框架类型)!DOCTYPEhtmlPUBLIC”-//W3C//DTDXHTML1.0Frameset/EN””/TR/xhtml1/DTD/xhtml1-frameset.dtd”CSS样式表style type=”text/css”标签选择器标签名称{属性名称1:属性值1;属性名称2;属性值2;}例子:li{color:red;font-size:28px;font-family:隶书}类选择器.类名{属性名称1:属性值1;属性名称2;属性值2;}例子:li{color:red;font-size:28px;font-family:隶书;} .blue{color:blue;} li class=”blue”家用电器/li li class=”blue”日用品/liID选择器#ID标识名{属性名称1:属性值1;属性名称2;属性值2;}例子:#menu{color:red;font-size:28px;font-family:隶书;} div id=”menu” li 家用电器/li li 日用品/li/div/style文本及字体属性line-height设置行高line-height=”25px”局多行文本text-align设置对齐方式text-align=”left,right,center”对齐文本letter-spacing设置字符间距letter-spacing=”5px”字符间间距text-decoration设置下滑线text-decoration=”underline”添加下滑线white-space如何处理空白white-space=”nowrap”文本溢出时不断行常用的字体属性Font设置字体的所有样式属性font: bold 12px 宋体字体样式缩写Font-family定义字体类型font-family:宋体字体样式Font-size定义字体大小Font-weight定义字体的粗细font-weight:bold定义字体样式背景属性Background在一个声明中设置所有的背景属性background:#ccc url(images/bg.jpg) repeat-x 20px-100pxBackground-color设置背景颜色background-color:#cccBackground-image设置背景图片background-image:url(images/bg.jpg)Background-repeat设置背景图片的平铺方式background-repeat:no-repeatBackground-position 设置背景出现的初始位置 background-position:20px-100px平铺方式Repeat横纵向都平铺,不填时的默认值Repeat-x横向平铺Repeat-y纵向平铺No-repeat背景图不重复平铺图片出现的位置控制XposYposX水平 Y垂直X% Y%以百分比来偏移X,Y方向关键字水平:left center right 垂直:top center bottomList-styleNone去掉修饰符号Disc实心圆Circle空心圆Square实心正方形Decimal数字盒子属性margin(外边距)margin-top上外边距margin-top:1pxmargin-right又外边距margin-right:2pxmargin-bottom下外边距margin-bottom:2pxmargin-left左外边距margin-left:1pxmargin统一设置1px 2px 3px 4pxborder(边框)border-color边框颜色border-color:red;border-width边框宽度border-width:2pxborder-style边框样式border-style:solid值:none:默认无边框solid:实线dashed:虚线border-top上边