XHTML精华

来源：互联网发布：日亚转运知乎编辑：程序博客网时间：2024/05/17 08:56

多年前看的一本书所做的摘要：

<b>...</b>--粗体
<i>...</i>--斜体
<sub>...</sub>--下标
<sup>...</sup>--上标
<del>...</del>--删除
<em>...</em>--强调
<ins>...</ins>--插入
<pre>...</pre>--以原貌显示

XXX<font size="0-7" color="#000000" face="the name of the font">...</font>

<ul>
<li type="disc">...</li>--实心圆点
<li type="circle">...</li>--空心圆点
<li type="square">...</li>--实心方块
</ul>----------------------------------------无序号条列式清单

<ol type="1;A;a;Ⅰ;i;">
<li>...</li>
<li>...</li>
...
</ol>----------------------------------------有序号条列式清单

<dl>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
...
<dt>...</dt>
...
</dl>-----------------------------------------叙述式清单

<------------------"<"
>------------------">"
&-----------------"&"
'----------------"'"
"----------------"""
 ----------------" "

<a href="URL" target="string,_blank,_parent,_self,_top">...</a>--------设置链接
<a id=" ">...</a>-----------设置标号

<hr size=" " width=" " noshade="noshade" />---------水平直线

<head>
<style type="text/css">
tag1{property11:value11;property12:value12;...}
...
tagn{propertyn1:valuen1;propertyn2:valuen2;...}
</style>
</head>
<tagn>...</tag>

.labe1{property1:value1;property2:value2;...}
...
<tag class="labe1">...</tag>

#labe1{property1:value1;property2:value2;...}
...
<tag id="labe1">...</tag>

<head>
<style type="text/css">
@import url("URL");
</style>
</head>

文字属性：
font-style:normal
           italic--------------------斜体
font-variant:normal
             small-caps-----------------------将英大小字母写调为同宽
font-weight:normal
            bold------------------------------粗体
            100，200，300...900----------------越大越粗，700=bold
font-size:xx-small,x-small,small,medium,large,x-large,xx-large
          ??px
          ??%------------内定值的？倍
font-family:...-----------------------------------字体

文本属性：
color:#??????
      rgb(?,?,?)
letter-spacing:normal---------字距
               ?px
line-height:normal------------列距
            ?px/?%
text-align:left,right,center(justify)
text-decoration:none
                underline,overline
                line-through
text-indent:?px/?%------------------------首列缩进的距离
text-transform:none
               capitalize-----------每个字符串首字母大写
               uppercase,lowercase----------全大，小写
vertical-align:sub,super--------------下标，上标
               top,bottom
               middle
word-spacing:normal-----------------字符串间距
             ?pc

背景属性：
background-attachment:scroll
                      fixed
background-color:#??????/rgb(?,?,?)
                 transparent---------------透明
background-image:url("URL")
                 none
background-position:topleft,topcenter,topright
                    centerleft,centercenter,centerright
                    bottomleft,bottomcenter,bottomright
                    center
                    x-% y-%
                    x-px y-px---------------距左上水平垂直距离
background-repeat:repeat
                  repeat-x repeat-y
                  norepeat

清单属性：
list-style-type:none
                disc,circle,square
                decimal----------------------------1,2,3,...
                lower-roman,upper-roman------------
                lower-alpha,upper-alpha------------a,b,c,A,B,C,
list-style-position:inside
                    outside
list-style-image:URL
                 none

边线属性：
border-color:#??????/rgb(?,?,?)
border-style:none
dotted,dashed,solid,double,groove,ridge,inset,outset
border-width:thin,medium,thick
?px 一全，二上下左右，三上左右下，四上右下左

填充属性：
padding:?px/?%

边界属性：
margin:?px/?%

定位属性：
float:left,right
width:?px/?%
height:?px/?%
position:relative------------------设置基准点为相对于区块内左上
absolute
left:?px/?%
top:?px/?%
z-index:1,2,3,...---------------为第几层

超链接属性：
<style type="text/css">
a:link{..........}
a:visited{...............}
a:active{................}
a:hover{...............}
</style>

光标属性：
cursor:auto,crosshair,default,hand,move,text,qwait,help