最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

HTML+CSS标签属性大全

来源:动视网 责编:小OO 时间:2025-09-30 21:02:50
文档

HTML+CSS标签属性大全

HTMLCSS标签属性大全a卷标,属性名称,简介批注1、跑马灯…普通卷动…滑动…预设卷动…来回卷动…向下卷动…向上卷动向右卷动向左卷动…卷动次数…设定宽度…设定高度…设定背景颜色…设定卷动距离…设定卷动时间2、字体效果…标题字(最大)…标题字(最小)…粗体字…粗体字(强调)…斜体字…斜体字(强调)…斜体字(表示定义)…底线…底线(表示插入文字)…横线…删除线…删除线(表示删除)…键盘文字…打字体…固定宽度字体(在文件中空白、换行、定位功能有效)…固定宽度字体(不执行标记符号)…固定宽度小字体…
推荐度:
导读HTMLCSS标签属性大全a卷标,属性名称,简介批注1、跑马灯…普通卷动…滑动…预设卷动…来回卷动…向下卷动…向上卷动向右卷动向左卷动…卷动次数…设定宽度…设定高度…设定背景颜色…设定卷动距离…设定卷动时间2、字体效果…标题字(最大)…标题字(最小)…粗体字…粗体字(强调)…斜体字…斜体字(强调)…斜体字(表示定义)…底线…底线(表示插入文字)…横线…删除线…删除线(表示删除)…键盘文字…打字体…固定宽度字体(在文件中空白、换行、定位功能有效)…固定宽度字体(不执行标记符号)…固定宽度小字体…
HTML  CSS标签属性大全

a卷标 , 属性名称 , 简介 

批注

1、 跑马灯 

普通卷动

滑动

预设卷动

来回卷动

向下卷动

向上卷动

向右卷动

向左卷动

卷动次数

设定宽度

设定高度

设定背景颜色

设定卷动距离

设定卷动时间

2、字体效果 

标题字(最大)

标题字(最小)

粗体字

粗体字(强调)

斜体字

斜体字(强调)

斜体字(表示定义)

底线

底线(表示插入文字)

横线

删除线

删除线(表示删除)

键盘文字

打字体

固定宽度字体(在文件中空白、换行、定位功能有效)

…</plaintext>固定宽度字体(不执行标记符号) <p><listing>…</listing> 固定宽度小字体 <p><font color=00ff00>…</font>字体颜色 <p><font size=1>…</font>最小字体 <p><font style =font-size:100 px>…</font>无限增大 <p>3、区断标记&nbsp;<p><hr>水平线 <p><hr size=9>水平线(设定大小) <p><hr width=80%>水平线(设定宽度) <p><hr color=ff0000>水平线(设定颜色) <p><br>(换行) <p><nobr>…</nobr>水域(不换行) <p>…</p>水域(段落) <p><center>…</center>置中 <p>4、连结格式&nbsp;<p><base href=地址>(预设好连结路径) <p><a href=地址></a>外部连结 <p><a href=地址 target=_blank></a>外部连结(另开新窗口) <p><a href=地址 target=_top></a>外部连结(全窗口连结) <p><a href=地址 target=页框名></a>外部连结(在指定页框连结) <p>5、贴图/音乐&nbsp;<p>贴图 <p>设定图片宽度 <p>设定图片高度 <p>设定图片提示文字 <p>设定图片边框 <p><bgsound src=MID音乐文件地址>背景音乐设定 <p>7、表格语法&nbsp;<p><table aling=left>…</table>表格位置,置左 <p><table aling=center>…</table>表格位置,置中 <p><table background=图片路径>…</table>背景图片的URL=就是路径网址 <p><table border=边框大小>…</table>设定表格边框大小(使用数字) <p><table bgcolor=颜色码>…</table>设定表格的背景颜色 <p><table borderclor=颜色码>…</table>设定表格边框的颜色 <p><table borderclordark=颜色码>…</table>设定表格暗边框的颜色 <p><table borderclorlight=颜色码>…</table>设定表格亮边框的颜色 <p><table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字) <p><table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字) <p><table cols=参数>…</table>指定表格的栏数 <p><table =参数>…</table>设定表格外框线的显示方式 <p><table width=宽度>…</table>指定表格的宽度大小(使用数字) <p><table height=高度>…</table>指定表格的高度大小(使用数字) <p><td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字) <p><td rowspan=参数>…</td>指定储存格合并列的列数(使用数字) <p><table border=n> 调整表格的宽线高度&nbsp;<p><table cellpadding> 调整数据域位之边界&nbsp;<p><table cellspacing> 调整表格线的宽度&nbsp;<p><table height> 调整表格的高度&nbsp;<p><table width> 调整表格的宽度&nbsp;<p><table>…</table> 产生表格的卷标&nbsp;<p><td align> 调整表格字段之左右对齐&nbsp;<p><td bgcolor> 设定表格字段之背景颜色&nbsp;<p><td colspan rowspan> 表格字段的合并&nbsp;<p><td nowrap> 设定表格字段不换行&nbsp;<p><td valign> 调整表格字段之上下对齐&nbsp;<p><td width> 调整表格字段宽度&nbsp;<p><td>…</td> 定义表格的数据域位&nbsp;<p><!>分割窗口 <p><set cols=”20%,*”>左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <p><set rows=”20%,*”>上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <p><set cols=”20%,*”>分割左右两个框架 <p><set cols=”20%,*,20%”>分割左中右三个框架 <p><分割上下两个框架 <p><set rows=”20%,*,20%”>分割上中下三个框架 <p><! - - … - -> 批注 <p><a href target> 指定超级链接的分割窗口 <p><a href=#锚的名称> 指定锚名称的超级链接&nbsp;<p><a href> 指定超级链接&nbsp;<p><a name=锚的名称> 被连结点的名称&nbsp;<p><address>….</address> 用来显示电子邮箱地址&nbsp;<p><b> 粗体字&nbsp;<p><base target> 指定超级链接的分割窗口&nbsp;<p><basefont size> 更改预设字形大小&nbsp;<p><bgsound src> 加入背景音乐&nbsp;<p><big> 显示大字体&nbsp;<p><blink> 闪烁的文字&nbsp;<p><body text link vlink> 设定文字颜色&nbsp;<p><body> 显示本文&nbsp;<p><br> 换行&nbsp;<p><caption align> 设定表格标题位置&nbsp;<p><caption>…</caption> 为表格加上标题&nbsp;<p><center> 向中对齐&nbsp;<p><cite>…<cite> 用于引经据典的文字&nbsp;<p><code>…</code> 用于列出一段程序代码&nbsp;<p><comment>…</comment> 加上批注&nbsp;<p><dd> 设定定义列表的项目解说&nbsp;<p><dfn>…</dfn> 显示”定义”文字&nbsp;<p><dir>…</dir> 列表文字卷标&nbsp;<p><dl>…</dl> 设定定义列表的卷标&nbsp;<p><dt> 设定定义列表的项目&nbsp;<p><em> 强调之用&nbsp;<p><font face> 任意指定所用的字形&nbsp;<p><font size> 设定字体大小&nbsp;<p><form action> 设定户动式窗体的处理方式&nbsp;<p><form method> 设定户动式窗体之资料传送方式&nbsp;<p>< marginheight> 设定窗口的上下边界&nbsp;<p>< marginwidth> 设定窗口的左右边界&nbsp;<p>< name> 为分割窗口命名&nbsp;<p>< noresize> 锁住分割窗口的大小&nbsp;<p>< scrolling> 设定分割窗口的滚动条&nbsp;<p>< src> 将html文件加入窗口&nbsp;<p><set cols> 将窗口分割成左右的子窗口&nbsp;<p><set rows> 将窗口分割成上下的子窗口&nbsp;<p><set>…</set> 划分分割窗口&nbsp;<p><h1>~<h6> 设定文字大小&nbsp;<p><head> 标示文件信息&nbsp;<p><hr> 加上分网格线&nbsp;<p><html> 文件的开始与结束&nbsp;<p><i> 斜体字&nbsp;<p> 调整图形影像的位置&nbsp;<p> 为你的图形影像加注&nbsp;<p> 加入影片&nbsp;<p> 插入图片并预设图形大小&nbsp;<p> 插入图片并预设图形的左右边界&nbsp;<p> 预载图片功能&nbsp;<p> 设定图片边界&nbsp;<p> 插入图片&nbsp;<p> 插入图片并预设图形的上下边界&nbsp;<p><input type name > 在窗体中加入输入字段&nbsp;<p><isindex> 定义查询用窗体&nbsp;<p><kbd>…</kbd> 表示使用者输入文字&nbsp;<p><li type>…</li> 列表的项目&nbsp;(&nbsp;可指定符号&nbsp;)&nbsp;<p><menu>…</menu> 条列文字卷标&nbsp;<p>< name=”refresh” content url> 自动更新文件内容&nbsp;<p><multiple> 可同时选择多项的列表栏&nbsp;<p><no> 定义不出现分割窗口的文字&nbsp;<p><ol>…</ol> 有序号的列表&nbsp;<p><option> 定义窗体中列表栏的项目&nbsp;<p><p align> 设定对齐方向&nbsp;<p>分段&nbsp;<p><person>…</person> 显示人名&nbsp;<p><pre> 使用原有排列&nbsp;<p><samp>…</samp> 用于引用字&nbsp;<p><select>…</select> 在窗体中定义列表栏&nbsp;<p><small> 显示小字体&nbsp;<p><strike> 文字加横线&nbsp;<p><strong> 用于加强语气&nbsp;<p><sub> 下标字&nbsp;<p><sup> 上标字&nbsp;<p><textarea name rows cols> 窗体中加入多少列的文字输入栏&nbsp;<p><textarea wrap> 决定文字输入栏是自动否换行&nbsp;<p><th>…</th> 定义表格的标头字段&nbsp;<p><title> 文件标题&nbsp;<p><tr>…</tr> 定义表格美一行&nbsp;<p><tt> 打字机字体&nbsp;<p><u> 文字加底线&nbsp;<p><ul type>…</ul> 无序号的列表&nbsp;(&nbsp;可指定符号&nbsp;)&nbsp;<p><var>…</var> 用于显示变量<p>字体属性:(font)<p>&nbsp;大小&nbsp;font-size:&nbsp;x-large;(特大)&nbsp;xx-small;(极小)&nbsp;一般中文用不到,只要用数值就可以,单位:PX、PD<p>&nbsp;样式&nbsp;font-style:&nbsp;oblique;(偏斜体)&nbsp;italic;(斜体)&nbsp;normal;(正常)<p>&nbsp;行高&nbsp;line-height:&nbsp;normal;(正常)&nbsp;单位:PX、PD、EM<p>&nbsp;粗细&nbsp;font-weight:&nbsp;bold;(粗体)&nbsp;lighter;(细体)&nbsp;normal;(正常)<p>&nbsp;变体&nbsp;font-variant:&nbsp;small-caps;(小型大写字母)&nbsp;normal;(正常)<p>&nbsp;大小写&nbsp;text-transform:&nbsp;capitalize;(首字母大写)&nbsp;uppercase;(大写)&nbsp;lowercase;(小写)&nbsp;none;(无)<p>&nbsp;修饰&nbsp;text-decoration:&nbsp;underline;(下划线)&nbsp;overline;(上划线)&nbsp;line-through;(删除线)&nbsp;blink;(闪烁)<p>常用字体:(font-family)"Courier&nbsp;New",&nbsp;Courier,&nbsp;monospace,&nbsp;"Times&nbsp;New&nbsp;Roman",&nbsp;Times,&nbsp;serif,&nbsp;Arial,&nbsp;Helvetica,&nbsp;sans-serif,&nbsp;Verdana<p>背景属性:(background)<p>&nbsp;色彩background-color:&nbsp;#FFFFFF;&nbsp;图片background-image:&nbsp;url();<p>&nbsp;重复background-repeat:&nbsp;no-repeat;&nbsp;滚动background-attachment:&nbsp;fixed;(固定)&nbsp;scroll;(滚动)<p>&nbsp;位置background-position:&nbsp;left(水平)&nbsp;top(垂直);&nbsp;简写方法&nbsp;background:#000&nbsp;url(..)&nbsp;repeat&nbsp;fixed&nbsp;left&nbsp;top;<p>区块属性:&nbsp;(Block)<p>&nbsp;字间距letter-spacing:&nbsp;normal;&nbsp;数值<p>&nbsp;对刘text-align:&nbsp;justify;(两端对齐)&nbsp;left;(左对齐)&nbsp;right;(右对齐)&nbsp;center;(居中)<p>&nbsp;缩进text-indent:&nbsp;数值px;<p>&nbsp;垂直对齐vertical-align:&nbsp;baseline;(基线)&nbsp;sub;(下标)&nbsp;super;(下标)&nbsp;top;&nbsp;text-top;&nbsp;middle;&nbsp;bottom;&nbsp;text-bottom;<p>&nbsp;词间距word-spacing:&nbsp;normal;&nbsp;数值<p>&nbsp;空格white-space:&nbsp;pre;(保留)&nbsp;nowrap;(不换行)<p>&nbsp;显示display:block;(块)&nbsp;inline;(内嵌)&nbsp;list-item;(列表项)&nbsp;run-in;(追加部分)&nbsp;compact;(紧凑)&nbsp;marker;(标记)&nbsp;table;&nbsp;inline-table;&nbsp;table-raw-group;&nbsp;table-header-group;&nbsp;table-footer-group;&nbsp;table-raw;&nbsp;table-column-group;&nbsp;table-column;&nbsp;table-cell;&nbsp;table-caption;(表格标题)<p>方框属性:(Box)<p>&nbsp;width:;&nbsp;height:;&nbsp;float:;&nbsp;clear:both;&nbsp;margin:;&nbsp;padding:;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;顺序:上右下左<p>边框属性:&nbsp;(Border)<p>&nbsp;border-style:&nbsp;dotted(点线);&nbsp;dashed(虚线);&nbsp;solid(实线);&nbsp;double(双线);&nbsp;groove(槽线);&nbsp;ridge;(脊状)&nbsp;inset;(凹陷)&nbsp;outset;<p>&nbsp;border-width:;&nbsp;边框宽度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-color:#;边框颜色<p>&nbsp;简写方法border:width&nbsp;style&nbsp;color;<p>列表属性:&nbsp;(List-style)<p>&nbsp;类型list-style-type:&nbsp;disc;(圆点)&nbsp;circle;(圆圈)&nbsp;square;(方块)&nbsp;decimal;(数字)&nbsp;lower-roman;(小罗码数字)&nbsp;upper-roman;&nbsp;lower-alpha;&nbsp;upper-alpha;<p>&nbsp;位置list-style-position:&nbsp;outside;(外)&nbsp;inside;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图像list-style-image:&nbsp;url(..);<p>定位属性:&nbsp;(Position)<p>&nbsp;Position:&nbsp;absolute;&nbsp;relative;&nbsp;static;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;visibility:&nbsp;inherit;&nbsp;visible;&nbsp;hidden;<p>&nbsp;overflow:&nbsp;visible;&nbsp;hidden;&nbsp;scroll;&nbsp;auto;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;clip:&nbsp;rect(12px,auto,12px,auto)&nbsp;(裁切)&nbsp;css属性代码大全<p>一&nbsp;CSS文字属性:<p>color&nbsp;:&nbsp;#999999;&nbsp;/*文字颜色*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family&nbsp;:&nbsp;宋体,sans-serif;&nbsp;/*文字字体*/&nbsp;<p>font-size&nbsp;:&nbsp;9pt;&nbsp;/*文字大小*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-style:itelic;&nbsp;/*文字斜体*/&nbsp;<p>font-variant:small-caps;&nbsp;/*小字体*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;letter-spacing&nbsp;:&nbsp;1pt;&nbsp;/*字间距离*/&nbsp;<p>line-height&nbsp;:&nbsp;200%;&nbsp;/*设置行高*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight:bold;&nbsp;/*文字粗体*/&nbsp;<p>vertical-align:sub;&nbsp;/*下标字*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align:super;&nbsp;/*上标字*/&nbsp;<p>text-decoration:line-through;&nbsp;/*加删除线*/&nbsp;text-decoration:&nbsp;overline;&nbsp;/*加顶线*/&nbsp;<p>text-decoration:underline;&nbsp;/*加下划线*/&nbsp;&nbsp;&nbsp;text-decoration:none;&nbsp;/*删除链接下划线*/&nbsp;<p>text-transform&nbsp;:&nbsp;capitalize;&nbsp;/*首字大写*/&nbsp;&nbsp;&nbsp;text-transform&nbsp;:&nbsp;uppercase;&nbsp;/*英文大写*/&nbsp;<p>text-transform&nbsp;:&nbsp;lowercase;&nbsp;/*英文小写*/&nbsp;&nbsp;&nbsp;text-align:right;&nbsp;/*文字右对齐*/&nbsp;&nbsp;<p>text-align:left;&nbsp;/*文字左对齐*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align:center;&nbsp;/*文字居中对齐*/&nbsp;<p>text-align:justify;&nbsp;/*文字分散对齐*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align属性<p>vertical-align:top;&nbsp;/*垂直向上对齐*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vertical-align:bottom;&nbsp;/*垂直向下对齐*/&nbsp;<p>vertical-align:middle;&nbsp;/*垂直居中对齐*/&nbsp;&nbsp;&nbsp;&nbsp;vertical-align:text-top;&nbsp;/*文字垂直向上对齐*/&nbsp;<p>vertical-align:text-bottom;&nbsp;/*文字垂直向下对齐*/&nbsp;<p>二、CSS边框空白<p>padding-top:10px;&nbsp;/*上边框留空白*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding-right:10px;&nbsp;/*右边框留空白*/&nbsp;<p>padding-bottom:10px;&nbsp;/*下边框留空白*/&nbsp;&nbsp;&nbsp;padding-left:10px;&nbsp;/*左边框留空白*/<p>三、CSS符号属性:<p>list-style-type:none;&nbsp;/*不编号*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list-style-type:decimal;&nbsp;/*阿拉伯数字*/&nbsp;<p>list-style-type:lower-roman;&nbsp;/*小写罗马数字*/&nbsp;&nbsp;list-style-type:upper-roman;&nbsp;/*大写罗马数字*/&nbsp;<p>list-style-type:lower-alpha;&nbsp;/*小写英文字母*/&nbsp;&nbsp;&nbsp;list-style-type:upper-alpha;&nbsp;/*大写英文字母*/&nbsp;<p>list-style-type:disc;&nbsp;/*实心圆形符号*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list-style-type:circle;&nbsp;/*空心圆形符号*/&nbsp;<p>list-style-position:&nbsp;outside;&nbsp;/*凸排*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list-style-position:inside;&nbsp;/*缩进*/&nbsp;<p>四、CSS背景样式:<p>background-color:#F5E2EC;&nbsp;/*背景颜色*/&nbsp;&nbsp;<p>background-attachment&nbsp;:&nbsp;fixed;&nbsp;/*浮水印固定背景*/&nbsp;&nbsp;background-repeat&nbsp;:&nbsp;repeat;&nbsp;/*重复排列-网页默认*/&nbsp;<p>background-repeat&nbsp;:&nbsp;no-repeat;&nbsp;/*不重复排列*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-repeat&nbsp;:&nbsp;repeat-x;&nbsp;/*在x轴重复排列*/&nbsp;<p>background-repeat&nbsp;:&nbsp;repeat-y;&nbsp;/*在y轴重复排列*/&nbsp;<p>指定背景位置<p>background-position&nbsp;:&nbsp;90%&nbsp;90%;&nbsp;/*背景图片x与y轴的位置*/&nbsp;&nbsp;&nbsp;background-position&nbsp;:&nbsp;top;&nbsp;/*向上对齐*/&nbsp;<p>background-position&nbsp;:&nbsp;buttom;&nbsp;/*向下对齐*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-position&nbsp;:&nbsp;left;&nbsp;/*向左对齐*/&nbsp;<p>background-position&nbsp;:&nbsp;right;&nbsp;/*向右对齐*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-position&nbsp;:&nbsp;center;&nbsp;/*居中对齐*/&nbsp;<p>五、CSS连接属性:<p>a&nbsp;/*所有超链接*/&nbsp;<p>a:link&nbsp;/*超链接文字格式*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a:visited&nbsp;/*浏览过的链接文字格式*/&nbsp;<p>a:active&nbsp;/*按下链接的格式*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a:hover&nbsp;/*鼠标转到链接*/&nbsp;<p>鼠标光标样式:<p>链接手指&nbsp;CURSOR:&nbsp;hand&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;十字体&nbsp;cursor:crosshair&nbsp;<p>箭头朝下&nbsp;cursor:s-resize&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;十字箭头&nbsp;cursor:move&nbsp;<p>箭头朝右&nbsp;cursor:move&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;加一问号&nbsp;cursor:help&nbsp;<p>箭头朝左&nbsp;cursor:w-resize&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箭头朝上&nbsp;cursor:n-resize&nbsp;<p>箭头朝右上&nbsp;cursor:ne-resize&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箭头朝左上&nbsp;cursor:nw-resize&nbsp;<p>文字I型&nbsp;cursor:text&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箭头斜右下&nbsp;cursor:se-resize&nbsp;<p>箭头斜左下&nbsp;cursor:sw-resize&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;漏斗&nbsp;cursor:wait&nbsp;<p>光标图案(IE6)&nbsp;&nbsp;&nbsp;p&nbsp;{cursor:url("光标文件名.cur"),text;}&nbsp;<p>六、CSS框线一览表:<p>border-top&nbsp;:&nbsp;1px&nbsp;solid&nbsp;#6699cc;&nbsp;/*上框线*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-bottom&nbsp;:&nbsp;1px&nbsp;solid&nbsp;#6699cc;&nbsp;/*下框线*/&nbsp;<p>border-left&nbsp;:&nbsp;1px&nbsp;solid&nbsp;#6699cc;&nbsp;/*左框线*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-right&nbsp;:&nbsp;1px&nbsp;solid&nbsp;#6699cc;&nbsp;/*右框线*/&nbsp;<p>以上是建议书写方式,但也可以使用常规的方式&nbsp;如下:<p>border-top-color&nbsp;:&nbsp;#369&nbsp;/*设置上框线top颜色*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border-top-width&nbsp;:1px&nbsp;/*设置上框线top宽度*/&nbsp;<p>border-top-style&nbsp;:&nbsp;solid/*设置上框线top样式*/&nbsp;<p>其他框线样式<p>solid&nbsp;/*实线框*/&nbsp;&nbsp;&nbsp;dotted&nbsp;/*虚线框*/&nbsp;&nbsp;&nbsp;&nbsp;double&nbsp;/*双线框*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;groove&nbsp;/*立体内凸框*/&nbsp;<p>ridge&nbsp;/*立体浮雕框*/&nbsp;&nbsp;&nbsp;inset&nbsp;/*凹框*/&nbsp;&nbsp;&nbsp;&nbsp;outset&nbsp;/*凸框*/&nbsp;<p>七、CSS表单运用:<p>八、CSS边界样式:<p>margin-top:10px;&nbsp;/*上边界*/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-right:10px;&nbsp;/*右边界值*/&nbsp;<p>margin-bottom:10px;&nbsp;/*下边界值*/&nbsp;margin-left:10px;&nbsp;/*左边界值*/&nbsp;&nbsp;&nbsp;<p>CSS&nbsp;属性:&nbsp;字体样式(Font&nbsp;Style)&nbsp;<p>序号&nbsp;中文说明&nbsp;标记语法&nbsp;<p>1&nbsp;字体样式&nbsp;{font:font-style&nbsp;font-variant&nbsp;font-weight&nbsp;font-size&nbsp;font-family}&nbsp;&nbsp;<p>2&nbsp;字体类型&nbsp;{font-family:"字体1<p>3&nbsp;字体大小&nbsp;{font-size:数值|inherit|&nbsp;medium|&nbsp;large|&nbsp;larger|&nbsp;x-large|&nbsp;xx-large|&nbsp;small|&nbsp;smaller|&nbsp;x-small|&nbsp;xx-small}&nbsp;&nbsp;<p>4&nbsp;字体风格&nbsp;{font-style:inherit|italic|normal|oblique}&nbsp;&nbsp;<p>5&nbsp;字体粗细&nbsp;&nbsp;&nbsp;{font-weight:100-900|bold|bolder|lighter|normal;}&nbsp;&nbsp;<p>6&nbsp;字体颜色&nbsp;&nbsp;&nbsp;{color:数值;}&nbsp;<p>7&nbsp;阴影颜色&nbsp;{text-shadow:16位色值}&nbsp;<p>8&nbsp;字体行高&nbsp;&nbsp;&nbsp;{line-height:数值|inherit|normal;}&nbsp;<p>9&nbsp;字&nbsp;间&nbsp;距&nbsp;&nbsp;&nbsp;{letter-spacing:数值|inherit|normal}&nbsp;<p>10&nbsp;单词间距&nbsp;{word-spacing:数值|inherit|normal}&nbsp;<p>11&nbsp;字体变形&nbsp;{font-variant:inherit|normal|small-cps&nbsp;}&nbsp;&nbsp;<p>12&nbsp;英文转换&nbsp;{text-transform:inherit|none|capitalize|uppercase|lowercase}&nbsp;<p>13&nbsp;字体变形&nbsp;{font-size-adjust:inherit|none}&nbsp;&nbsp;<p>14&nbsp;字体&nbsp;{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal|&nbsp;semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}&nbsp;&nbsp;<p>文本样式(Text&nbsp;Style)&nbsp;<p>序号&nbsp;中文说明&nbsp;标记语法&nbsp;<p>1&nbsp;行&nbsp;间&nbsp;距&nbsp;{line-height:数值|inherit|normal;}&nbsp;&nbsp;<p>2&nbsp;文本修饰&nbsp;{text-decoration:inherit|none|underline|overline|line-through|blink}&nbsp;<p>3&nbsp;段首空格&nbsp;&nbsp;&nbsp;{text-indent:数值|inherit}&nbsp;<p>4&nbsp;水平对齐&nbsp;{text-align:left|right|center|justify}&nbsp;&nbsp;<p>5&nbsp;垂直对齐&nbsp;{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}&nbsp;&nbsp;<p>6&nbsp;书写方式&nbsp;{writing-mode:lr-tb|tb-rl}&nbsp;&nbsp;<p>背景样式&nbsp;<p>序号&nbsp;中文说明&nbsp;标记语法&nbsp;<p>1&nbsp;背景颜色&nbsp;{background-color:数值}&nbsp;<p>2&nbsp;背景图片&nbsp;{background-image:&nbsp;url(URL)|none}&nbsp;<p>3&nbsp;背景重复&nbsp;{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}&nbsp;<p>4&nbsp;背景固定&nbsp;{background-attachment:fixed|scroll}&nbsp;<p>5&nbsp;背景定位&nbsp;{background-position:数值|top|bottom|left|right|center}&nbsp;<p>6&nbsp;背影样式&nbsp;{background:背景颜色|背景图象|背景重复|背景附件|背景位置}&nbsp;<p>框架样式(Box&nbsp;Style)&nbsp;&nbsp;<p>序号&nbsp;中文说明&nbsp;标记语法&nbsp;<p>1&nbsp;边界留白&nbsp;{margin:margin-top&nbsp;margin-right&nbsp;margin-bottom&nbsp;margin-left}&nbsp;<p>2&nbsp;补  白&nbsp;{padding:padding-top&nbsp;padding-right&nbsp;padding-bottom&nbsp;padding-left}&nbsp;<p>3&nbsp;边框宽度&nbsp;{border-width:border-top-width&nbsp;border-right-width&nbsp;border-bottom-width&nbsp;border-left-width}  <p>宽度值:&nbsp;thin|medium|thick|数值&nbsp;<p>4&nbsp;边框颜色&nbsp;{border-color:数值&nbsp;数值&nbsp;数值&nbsp;数值}  数值:分别代表top、right、bottom、left颜色值&nbsp;<p>5&nbsp;边框风格&nbsp;{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}&nbsp;<p>6&nbsp;边  框&nbsp;{border:border-width&nbsp;border-style&nbsp;color}&nbsp;<p>&nbsp;&nbsp;上&nbsp;边&nbsp;框&nbsp;{border-top:border-top-width&nbsp;border-style&nbsp;color}&nbsp;<p>&nbsp;&nbsp;右&nbsp;边&nbsp;框&nbsp;{border-right:border-right-width&nbsp;border-style&nbsp;color}&nbsp;<p>&nbsp;&nbsp;下&nbsp;边&nbsp;框&nbsp;{border-bottom:border-bottom-width&nbsp;border-style&nbsp;color}&nbsp;<p>&nbsp;&nbsp;左&nbsp;边&nbsp;框&nbsp;{border-left:border-left-width&nbsp;border-style&nbsp;color}&nbsp;<p>7&nbsp;宽  度&nbsp;{width:长度|百分比|&nbsp;auto}&nbsp;<p>8&nbsp;高  度&nbsp;{height:数值|auto}&nbsp;<p>9&nbsp;漂  浮&nbsp;{float:left|right|none}&nbsp;<p>10&nbsp;清  除&nbsp;{clear:none|left|right|both}&nbsp;<p>分类列表&nbsp;<p>序号&nbsp;中文说明&nbsp;标记语法&nbsp;<p>1&nbsp;控制显示&nbsp;{display:none|block|inline|list-item}&nbsp;<p>2&nbsp;控制空白&nbsp;{white-space:normal|pre|nowarp}&nbsp;<p>3&nbsp;符号列表&nbsp;{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}&nbsp;<p>4&nbsp;图形列表&nbsp;{list-style-image:URL}&nbsp;<p>5&nbsp;位置列表&nbsp;{list-style-position:inside|outside}&nbsp;<p>6&nbsp;目录列表&nbsp;{list-style:目录样式类型|目录样式位置|url}&nbsp;<p>7&nbsp;鼠标形状&nbsp;{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}&nbsp;<p>word-wrap是控制换行的。使用break-word时,是将强制换行。中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。break-word是控制是否断词的。normal是默认情况,英文单词不被拆开。break-all,是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。keep-all,是指Chinese,&nbsp;Japanese,&nbsp;and&nbsp;Korean不断词。即只用此时,不用word-wrap,中文就不会换行了。(英文语句正常。)ie下:使用word-wrap:break-word;所有的都正常。ff下:如这2个都不用的话,中文不会出任何问题。英文语句也不会出问题。但是,长串英文会出问题。为了解决长串英文,一般用word-wrap:break-word;word-break:break-all;。但是,此方式会导致,普通的英文语句中的单词会被断开(ie下也是)。目前主要的问题存在于&nbsp;长串英文&nbsp;和&nbsp;英文单词被断开。其实长串英文就是一个比较长的单词而已。即英文单词应不应该被断开那?那问题很明显了,显然不应该被断开了。对于长串英文,就是恶意的东西,自然不用去管了。但是,也要想些办法,不让它把容器撑大。用:overflow:auto;&nbsp;ie下,长串会自动折行。ff下,长串会被遮盖。所以,综上,最好的方式是word-wrap:break-word;&nbsp;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;。<p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/dysph.js"></script></div> <div class="downbox clearfix"> <div class="ico"><img src="https://js.51dongshi.net/tpl/pc2/images/document.png" alt="文档"></div> <div class="txt"> <h4>HTML+CSS标签属性大全</h4> <div class="co">HTMLCSS标签属性大全a卷标,属性名称,简介批注1、跑马灯…普通卷动…滑动…预设卷动…来回卷动…向下卷动…向上卷动向右卷动向左卷动…卷动次数…设定宽度…设定高度…设定背景颜色…设定卷动距离…设定卷动时间2、字体效果…标题字(最大)…标题字(最小)…粗体字…粗体字(强调)…斜体字…斜体字(强调)…斜体字(表示定义)…底线…底线(表示插入文字)…横线…删除线…删除线(表示删除)…键盘文字…打字体…固定宽度字体(在文件中空白、换行、定位功能有效)…固定宽度字体(不执行标记符号)…固定宽度小字体…</div> <div class="tj"><b>推荐度:</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div> </div> <div class="btn"> <a href="javascript:;" class="html2word" data-model="article" data-id="rcarddhhs" title="文档下载"> <b>点击下载本文</b> <span>文档为doc格式</span> </a> </div> </div> <script>keji_detail_ga('article_content_bottom');</script> <div class="tvideo_box tvideo_box_tab"> <div class="hd"> <ul><li class="on">热门焦点</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul> </div> <div class="bd"> <ul class="ult_jpic clearfix"> <script>get_hot_jiaodian_content('wz_hot_jiaodian',374,'hot',1);</script> </ul> </div> </div> </div> <!--中间文章 end--> <!--右侧专题 star--> <div class="ult_zt"> <script>keji_detail_ga('article_right_top');</script> <div class="ult_ztbox"> <h4>最新推荐</h4> <ul class="tvideo_r_a clearfix"> <script>get_detail_right('wz_right_new',374,'')</script> </ul> </div> <script>keji_detail_ga('article_right_middle');</script> <div class="ult_ztbox"> <h4>猜你喜欢</h4> <ul class="telist_rb clearfix"> <script>get_detail_right('wz_right_love',374,'')</script> </ul> </div> <script>keji_detail_ga('article_right_new_bottom');</script> <div class="ult_ztbox"> <h4>热门推荐</h4> <ul class="tvideo_r_b clearfix"> <script>get_detail_right('wz_right_hot',374,'')</script> </ul> </div> <script>keji_detail_ga('article_right_bottom');</script> </div> <!--右侧专题 end--> <div style="display:none"><a href="https://www.51dongshi.net/wzztf/rcard/rcarddhhs/">专题</a> </div> </div> </div> <script src="https://js.51dongshi.net/plug/qrcode/qrcode.min.js"></script> <script src="https://js.51dongshi.net/js/share.js" charset="UTF-8"></script> <script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/waypoints.min.js"></script> <script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/icon_step.js"></script> <style> #qrcode{padding: 15px;background: #fff;} </style> <div id="qrcode" style="display: none"></div> <script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.net/eedfrcarddhhs.html");</script> <iframe src="https://hits.51dongshi.net/?biao=ho_article&id=1122553" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe> <script src="https://js.51dongshi.net/js/shHighlighter.js"></script> <link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css"> <script id="fffz" data-domain="//www.51dongshi.net/index" src="https://js.51dongshi.net/js/fffz/fffz.js"></script> <script type="text/javascript" src="https://jss.51dongshi.net/pcwz/tj.js"></script> <div style="display:none"><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <!--foot star--> <div class="footer"> <div class="m_box"> <div class="footer_in"> <a href="#" target="_blank">产品服务</a> <a href="#" target="_blank">发展历程</a> <a href="#" target="_blank">企业资讯</a> <a href="#" target="_blank">企业文化</a> <a href="#" target="_blank">关于我们</a> <a href="#" target="_blank">加入我们</a> <a href="#" target="_blank">联系我们</a> <a href="#" target="_blank">网站导航</a> <a href="#" target="_blank">网站律师</a> </div> <ul class="ftrlist"> <li> <a rel="nofollow" href="https://www.itrust.org.cn" target="_blank"> <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo01.gif" alt="中国互联网协会"></a> </li> <li> <a rel="nofollow" href="https://www.12377.cn/" target="_blank"> <img src="https://js.51dongshi.net/tpl/pc2/images/12377logo.png" alt="中国互联网举报中心"></a> </li> <li> <a rel="nofollow" href="http://www.cyberpolice.cn/" target="_blank"> <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo05.gif" alt="网络110报警服务"></a> </li> <li> <a rel="nofollow" href="http://www.creditchina.gov.cn/" target="_blank"> <img src="https://js.51dongshi.net/tpl/pc2/images/creditchina.gif" alt="信用中国"></a> </li> <li class="last"> <a rel="nofollow" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank"> <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo11.png" alt="中国扫黄打非网"><p>中国扫黄打非网</p> </a> </li> </ul> <div class="footer_co"> <a href="/" class="footlogo"><img src="https://js.51dongshi.net/tpl/pc2/images/logo.png" alt="动视"></a> <p>Copyright © 2019-2025 <a href="/" target="_blank">51dongshi.net</a> 版权所有</p> <p> <a rel="nofollow" target="_blank" href="https://beian.miit.gov.cn/">赣ICP备2023002352号-34</a> </p> <p>违法及侵权请联系:TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务</p> </div> </div> </div> <!--foot end--> <a href="#0" class="cd-top">Top</a> <script type="text/javascript"> $(function(){ var _line=parseInt($(window).height()/3); $(window).scroll(function(){ if ($(window).scrollTop()>100) { $('.edu_top').css({'position':'fixed','top':'0','z-index':'99'}) }else{ $('.edu_top').css({'position':'relative','top':'0'}) } }) }) </script> <script type="text/javascript" src="https://jss.51dongshi.net/ga/all.js"></script> </body> </html>