HTML+CSS标签属性大全

html标签属性大全HTML标签属性大全。

HTML标签是网页制作的基础，而标签属性则是用来描述标签的特性和行为。

了解HTML标签属性对于网页制作非常重要，因为它可以帮助我们更好地控制网页的外观和行为。

本文将为大家介绍HTML标签的常见属性，希望能够对大家有所帮助。

1. `id`属性。

`id`属性用来唯一标识一个元素，每个元素都可以有一个唯一的`id`。

这个属性在JavaScript和CSS中经常被用到，可以方便地对元素进行操作和样式设置。

2. `class`属性。

`class`属性用来为元素定义一个或多个类名，这样可以为一个元素定义多个样式。

多个元素也可以共享相同的类名，从而实现样式的统一设置。

3. `style`属性。

`style`属性用来为元素设置内联样式，可以直接在HTML标签中定义元素的样式，但不推荐频繁使用，因为它会增加HTML文件的大小，不利于维护。

4. `title`属性。

`title`属性用来为元素提供附加的信息，当鼠标悬停在元素上时会显示`title`属性的内容，这对于提供额外的解释或描述非常有用。

5. `href`属性。

`href`属性用来指定链接的目标地址，常用于`<a>`标签中，定义链接的跳转目标。

6. `src`属性。

`src`属性用来指定资源文件的地址，比如图片、音频、视频等，常用于`<img>`、`<audio>`、`<video>`等标签中。

7. `alt`属性。

`alt`属性用来为图片指定替代文本，当图片无法加载时，会显示`alt`属性的内容，同时也有助于提高网页的可访问性。

8. `width`和`height`属性。

`width`和`height`属性用来定义元素的宽度和高度，常用于`<img>`标签中，可以控制图片的显示大小。

9. `disabled`属性。

`disabled`属性用来禁用元素，比如禁用表单中的输入框、按钮等，使其不能被用户操作。

CSS 网页样式大全如下：字体属性：(font)大小font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高line-height: normal;(正常) 单位：PX、PD、EM粗细font-weight: bold;(粗体) lighter;(细体) normal;(正常)变体font-variant: small-caps;(小型大写字母) normal;(正常)大小写text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)修饰text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)常用字体：(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana背景属性：(background)色彩background-color: #FFFFFF;图片background-image: url();重复background-repeat: no-repeat;滚动background-attachment: fixed;(固定) scroll;(滚动)位置background-position: left(水平) top(垂直);简写方法background:#000 url(..) repeat fixed left top;区块属性：(Block)字间距letter-spacing: normal; 数值对齐text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)缩进text-indent: 数值px;垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)显示display:block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group;table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题)方框属性：(Box)width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左边框属性：(Border)border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;border-width:; 边框宽度border-color:#;简写方法border：width style color;列表属性：(List-style)类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;位置list-style-position: outside;(外) inside;图像list-style-image: url(..);定位属性：(Position)Position: absolute; relative; static;visibility: inherit; visible; hidden;overflow: visible; hidden; scroll; auto;clip: rect(12px,auto,12px,auto) (裁切)css属性代码大全如下一CSS文字属性：color : #999999;font-family : 宋体,sans-serif;font-size : 9pt;font-style:itelic;font-variant:small-caps;letter-spacing : 1pt;line-height : 200%;font-weight:bold;vertical-align:sub;vertical-align:super;text-decoration:line-through;text-decoration:overline;text-decoration:underline;text-decoration:none;text-transform : capitalize;text-transform : uppercase;text-transform : lowercase;text-align:right;text-align:left;text-align:center;text-align:justify;vertical-align属性vertical-align:top;vertical-align:bottom;vertical-align:middle;vertical-align:text-top;vertical-align:text-bottom;二、CSS边框空白padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;list-style-type:decimal;list-style-type:lower-roman;list-style-type:upper-roman;list-style-type:lower-alpha;list-style-type:upper-alpha;list-style-type:disc;list-style-type:circle;list-style-type:square;list-style-image:url(/dot.gif);list-style-position:outside;list-style-position:inside;四、CSS背景样式：background-color:#F5E2EC; background:transparent; background-image : url(/image/bg.gif); background-attachment : fixed; background-repeat : repeat; background-repeat : no-repeat; background-repeat : repeat-x; background-repeat : repeat-y;指定背景位置background-position : 90% 90%; background-position : top; background-position : buttom; background-position : left; background-position : right; background-position : center;五、CSS连接属性：aa:linka:visiteda:activea:hover鼠标光标样式：链接手指CURSOR: hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:help箭头朝左cursor:w-resize箭头朝上cursor:n-resize箭头朝右上cursor:ne-resize箭头朝左上cursor:nw-resize文字I型cursor:text箭头斜右下cursor:se-resize箭头斜左下cursor:sw-resize漏斗cursor:wait光标图案(IE6)p {cursor:url("光标文件名.cur"),text;}六、CSS框线一览表：border-top : 1px solid #6699cc;border-bottom : 1px solid #6699cc;border-left : 1px solid #6699cc;border-right : 1px solid #6699cc;以上是建议书写方式,但也可以使用常规的方式如下:border-top-color : #369border-top-width :1pxborder-top-style : solid其他框线样式soliddotteddoublegrooveridgeinsetoutset七、CSS表单运用：文字方块按钮复选框选择钮多行文字方块下拉式菜单选项1选项2八、CSS边界样式如下：margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;CSS 属性：字体样式(Font Style)序号中文说明标记语法1 字体样式{font:font-style font-variant font-weight font-size font-family}2 字体类型{font-family:"字体1","字体2","字体3",...}3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}4 字体风格{font-style:inherit|italic|normal|oblique}5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;}6 字体颜色{color:数值;}7 阴影颜色{text-shadow:16位色值}8 字体行高{line-height:数值|inherit|normal;}9 字间距{letter-spacing:数值|inherit|normal}10 单词间距{word-spacing:数值|inherit|normal}11 字体变形{font-variant:inherit|normal|small-cps }12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}13 字体变形{font-size-adjust:inherit|none}14 字体{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|no rmal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}文本样式(Text Style)序号中文说明标记语法1 行间距{line-height:数值|inherit|normal;}2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}3 段首空格{text-indent:数值|inherit}4 水平对齐{text-align:left|right|center|justify}5 垂直对齐{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}6 书写方式{writing-mode:lr-tb|tb-rl}背景样式序号中文说明标记语法1 背景颜色{background-color:数值}2 背景图片{background-image: url(URL)|none}3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4 背景固定{background-attachment:fixed|scroll}5 背景定位{background-position:数值|top|bottom|left|right|center}6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}框架样式(Box Style)序号中文说明标记语法1 边界留白{margin:margin-top margin-right margin-bottom margin-left}2 补白{padding:padding-top padding-right padding-bottom padding-left}3 边框宽度{border-width:border-top-width border-right-widthborder-bottom-width border-left-width}宽度值：thin|medium|thick|数值4 边框颜色{border-color:数值数值数值数值}数值：分别代表top、right、bottom、left颜色值5 边框风格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}6 边框{border:border-width border-style color}上边框{border-top:border-top-width border-style color}右边框{border-right:border-right-width border-style color}下边框{border-bottom:border-bottom-width border-style color}左边框{border-left:border-left-width border-style color}7 宽度{width:长度|百分比| auto}8 高度{height:数值|auto}9 漂浮{float:left|right|none}10 清除{clear:none|left|right|both}分类列表序号中文说明标记语法1 控制显示{display:none|block|inline|list-item}2 控制空白{white-space:normal|pre|nowarp}3 符号列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|uppe r-alpha|none}4 图形列表{list-style-image:URL}5 位置列表{list-style-position:inside|outside}6 目录列表{list-style:目录样式类型|目录样式位置|url}7 鼠标形状{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resiz e|sw-resize}。

html标签及属性⼤全（⽹页制作必备）总类（所有html⽂件都有的）--------------------------------------------------------------------------------⽂件类型 <html></html> （放在档案的开头与结尾）⽂件主题 <title></title> （必须放在「⽂头」区块内）⽂头 <head></head> （描述性资料，像是「主题」）⽂体 <body></body> （⽂件本体）结构性定义（由浏览器控制的显⽰风格）--------------------------------------------------------------------------------标题 <h?></h?> （？表⽰从1到6，有六层选择）数值越⾼字越⼩标题对齐 <h? align=left|center|right></h?> 左对齐、居中对齐、右对齐区分 <div></div>区分对齐 <div align=left|right|center|justify></div> 左对齐、右对齐、居中对齐、两端对齐引⽂区块 <blockquote></blockquote> （通常会内缩）斜体 <em></em>加粗 <strong></strong>引⽂ <cite></cite> （通常会以斜体显⽰）码 <code></code> （显⽰原始码之⽤）样本 </samp>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。

CSS常用样式属性大全1. 文本属性- `color`：设置文本颜色- `font-size`：设置字体大小- `font-family`：设置字体系列- `font-weight`：设置字体粗细- `text-align`：设置文本对齐方式- `text-decoration`：设置文本装饰（如下划线、删除线等）- `text-transform`：设置文本大小写转换2. 背景属性- `background-color`：设置背景颜色- `background-image`：设置背景图片- `background-repeat`：设置背景图片的重复方式- `background-position`：设置背景图片的位置- `background-size`：设置背景图片的尺寸3. 边框属性- `border`：设置元素边框样式、宽度和颜色- `border-radius`：设置元素边框的圆角- `border-color`：设置元素边框的颜色- `border-width`：设置元素边框的宽度4. 布局属性- `display`：设置元素的显示方式（如块级、内联等）- `width`：设置元素的宽度- `height`：设置元素的高度- `margin`：设置元素外边距- `padding`：设置元素内边距- `float`：设置元素的浮动方式5. 盒模型属性- `box-sizing`：设置元素的盒模型计算方式- `overflow`：设置元素溢出内容的处理方式- `position`：设置元素的定位方式- `top`：设置定位元素的上边距- `bottom`：设置定位元素的下边距- `left`：设置定位元素的左边距- `right`：设置定位元素的右边距以上是CSS中常用的样式属性，通过合理使用这些属性可以实现各种各样的页面效果。

在编写CSS代码时，建议将样式属性单独分行展示，以增加代码的可读性和维护性。

HTML语言‎基本标签：创建一个HT‎M L文档 <html></html>设置文档标题‎以及其他不在‎W E B网页上‎显示的信息 <head></head>设置文档的可‎见部分 <body></body>标题标签将文档的题目‎放在标题栏中‎<title></title>文档整体属性设置背景颜色‎，使用名字或十‎六进制值 <body bgcolo‎r=?>设置文本文字‎颜色，使用名字或十‎六进制值 <body text=?>设置链接颜色‎，使用名字或十‎六进制值 <body link=?>设置已使用的‎链接的颜色，使用名字或十‎六进制值 <body vlink=?>设置正在被击‎中的链接的颜‎色，使用名字或十‎六进制值 <body alink=?> 文本标签创建预格式化‎文本 <pre></pre>创建最大的标‎题<h1></h1>创建最小的标‎题<h6></h6>创建黑体字 <b></b>创建斜体字 <i></i>创建打字机风‎格的字体 <tt></tt>创建一个引用‎，通常是斜体 <cite></cite>加重一个单词‎（通常是斜体加‎黑体） <em></em>加重一个单词‎（通常是斜体加‎黑体） <strong‎></strong‎>设置字体大小‎，从1到7 <font size=?></font>设置字体的颜‎色，使用名字或十‎六进制值 <font color=?></font>链接创建一个超链‎接<a href="URL"></a>创建一个自动‎发送电子邮件‎的链接 <a href="mailto‎:EMAIL">.... </a> 创建一个位于‎文档内部的靶‎位<a name="NAME"></a>创建一个指向‎位于文档内部‎靶位的链接 <a href="#NAME"></a>格式排版创建一个新的‎段落 <p>将段落按左、中、右对齐 <p align=?>插入一个回车‎换行符 <br>从两边缩进文‎本<blockq‎u ote></blockq‎u ote>创建一个定义‎列表 <dl></dl>放在每个定义‎术语词之前 <dt>放在每个定义‎之前 <dd>创建一个标有‎数字的列表 <ol></ol>放在每个数字‎列表项之前，并加上一个数‎字<li>创建一个标有‎圆点的列表 <ul></ul>放在每个圆点‎列表项之前，并加上一个圆‎点<li>一个用来排版‎大块HTML‎段落的标签，也用于格式化‎表<div align=?>图形元素添加一个图像‎<img src="name">排列对齐一个‎图像：左中右或上中‎下<img src="name" align=?>设置围绕一个‎图像的边框的‎大小 <img src="name" border‎=?>加入一条水平‎线<hr>设置水平线的‎大小（高度） <hr size=?>设置水平线的‎宽度（百分比或绝对‎像素点） <hr width=?>创建一个没有‎阴影的水平线‎<hr noshad‎e>表格创建一个表格‎<table></table>开始表格中的‎每一行 <tr></tr>开始一行中的‎每一个格子 <td></td>设置表格头：一个通常使用‎黑体居中文字‎的格子 <th></th>表格属性设置围绕表格‎的边框的宽度‎<table border‎=#>设置表格格子‎之间空间的大‎小<table cellsp‎a cing=#>设置表格格子‎边框与其内部‎内容之间空间‎的大小 <table cellpa‎d ding=#>设置表格的宽‎度－用绝对像素值‎或文档总宽度‎的百分比 <table width=# or %> 设置表格格子‎的水平对齐（左中右） <tr align=?> or <td align=?>设置表格格子‎的垂直对齐（上中下） <tr valign‎=?> or <td valign‎=?>设置一个表格‎格子应跨占的‎列数（缺省为1） <td colspa‎n=#>设置一个表格‎格子应跨占的‎行数（缺省为1） <td rowspa‎n=#>禁止表格格子‎内的内容自动‎断行回卷 <td nowrap‎>窗框放在一个窗框‎文档的<body>标签之前，也可以嵌在其‎他窗框文档中‎<frames‎et></frames‎e t>定义一个窗框‎内的行数，可以使用绝对‎像素值或高度‎的百分比 <frames‎e trows="value,value">定义一个窗框‎内的列数，可以使用绝对‎像素值或宽度‎的百分比 <frames‎e tcols="value,value">定义一个窗框‎内的单一窗或‎窗区域 <frame>定义在不支持‎窗框的浏览器‎中显示什么提‎示<nofram‎e s></nofram‎e s>窗框属性规定窗框内显‎示什么HTM‎L文档 <frame src="URL">命名窗框或区‎域以便别的窗‎框可以指向它‎<frame name="name">定义窗框左右‎边缘的空白大‎小，必须大于等于‎1<frame margin‎w idth=#>定义窗框上下‎边缘的空白大‎小，必须大于等于‎1<frame margin‎h eight‎=#>设置窗框是否‎有滚动栏，其值可以是"yes","no","auto"，缺省时一般为‎"a uto" <frame scroll‎i ng=VALUE>禁止用户调整‎一个窗框的大‎小<frame noresi‎z e>表单对于功能性的‎表单，一般需要运行‎一个CGI小‎程序，HTML仅仅‎是产生表单的‎表面样子。

HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`：定义标题1到标题6，按级别递减。

- `<p>`：定义段落。

- `<strong>`：定义加粗的文本。

- `<em>`：定义斜体的文本。

- `<span>`：定义内联元素的文本。

2.2 列表标签- `<ul>`：定义无序列表。

- `<ol>`：定义有序列表。

- `<li>`：定义列表项。

2.3 图像标签- `<img>`：插入图片。

- `<figure>`和`<figcaption>`：定义图片和其标题。

2.4 表格标签- `<table>`：定义表格。

- `<tr>`：定义表格行。

- `<td>`：定义表格数据单元格。

- `<th>`：定义表格标题单元格。

2.5 表单标签- `<form>`：定义表单。

- `<input>`：定义输入字段。

- `<select>`和`<option>`：定义下拉列表。

- `<textarea>`：定义多行文本输入框。

- `<button>`：定义按钮。

2.6 多媒体标签- `<audio>`：插入音频。

- `<video>`：插入视频。

- `<source>`：定义多媒体资源的URL。

2.7 框架标签- `<iframe>`：嵌入其他网页。

3. 总结。

认识HTML和CSS网页设计语言第一章：HTML的介绍和基本语法HTML（HyperText Markup Language）是一种用于创建网页的标记语言。

它包含一系列的标记，这些标记用于描述网页的结构和内容。

HTML的基本语法由标签、元素和属性组成。

1.1 标签HTML中的标签是一对尖括号包围的关键字，它们定义了元素的开始和结束。

例如，<head>和</head>标签用于定义网页的头部部分。

1.2 元素在HTML中，元素是由起始标签、内容和结束标签组成的。

起始标签用于定义元素的开始，结束标签用于定义元素的结束。

元素的内容位于起始标签和结束标签之间，可以包含文本、图片、链接等。

1.3 属性HTML中的属性用于为元素提供额外的信息。

属性通常包含在起始标签中，由属性名和属性值组成。

例如，<imgsrc="image.jpg">中的src属性指定了图片的链接地址。

第二章：HTML常用标签和属性2.1 文本标签HTML中的文本标签用于定义文本的样式和结构。

常用的文本标签包括<p>（段落）、<h1>-<h6>（标题）、<strong>（加粗）、<em>（斜体）等。

2.2 图片标签图片标签用于在网页中插入图片。

<img>标签是HTML中用于插入图片的标签，它需要指定图片的链接地址、宽度、高度等属性。

2.3 链接标签链接标签用于创建网页之间的链接。

<a>标签用于定义链接，它需要指定链接的目标地址，可以是其他网页、文件或者锚点。

2.4 列表标签列表标签用于创建有序或无序的列表。

<ul>标签用于创建无序列表，<ol>标签用于创建有序列表，<li>标签用于定义列表项。

第三章：CSS的介绍和基本语法CSS（Cascading Style Sheets）是用于描述网页样式的语言。

css常用代码大全，html+css代码html+css可以很方便的进行网页的排版布局，还能减少很多不必要的代码。

一.文本设置1、font-size: 字号参数2、font-style: 字体格式3、font-weight: 字体粗细4、颜色属性color: 参数注意使用网页安全色二、超链接设置text-decoration: 参数主要用途是改变浏览器显示文字链接时的下划线。

参数取值范围：underline：为文字加下划线overline：为文字加上划线line-through：为文字加删除线blink：使文字闪烁none：不显示上述任何效果三、背景1、背景颜色background-color: 参数2、背景图片background-image: url(URL)URL就是背景图片的存放路径，none表示无。

3、背景图片重复background-repeat: 参数参数取值范围：no-repeat：不重复平铺背景图片repeat-x：使图片只在水平方向上平铺repeat-y：使图片只在垂直方向上平铺如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。

4、背景图片固定背景图片固定控制背景图片是否随网页的滚动而滚动。

如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。

为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定background-attachment: 参数参数取值范围：fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动四、区块1、单词间距word-spacing: 间隔距离2、字母间距letter-spacing: 字母间距3、文本对齐text-align: 参数参数的取值：left：左对齐right：右对齐center：居中对齐justify：相对左右对齐4、垂直对齐vertical-align: 参数top：顶对齐bottom：底对齐text-top：相对文本顶对齐text-bottom：相对文本底对齐baseline：基准线对齐middle：中心对齐sub：以下标的形式显示super：以上标的形式显示5、文本缩进text-indent: 缩进距离12px相当于一个文字距离6、空格white-space: 参数normal 正常pre 保留nowrap 不换行7、显示样式display: 参数参数取值范围：block：块级元素，在对象前后都换行inline：在对象前后都不换行list-item：在对象前后都换行，增加了项目符号none：无显示五、方框1、height 高度2、width 宽度3、padding 内边距4、margin 外边距5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。

常用的CSS 标签标记属性翻译注释1、字体属性(type)font-family (使用什么字体)font-style(字体的样式，是否斜体)：normal/italic/obliquefont-variant (字体大小写)：normal/small-capsfont-weight (字体的粗细)：normal/bold/bolder/lithterfont-size(字体的大小)：absolute-size/relative-size/length/percentage2、颜色和背景属性(backgroud)color(定义前景色，例如：p{color:red})background-color ( 定义背景色)background-imag e(定义背景图片)background-repeat( 背景图案重复方式)：repeat-x/repeat-y/no-repeatbackground-attachment (设置滚动)：scroll( 滚动)/fixe( 固定的)background-position( 背景图案的初始位置)：percentage/length/top/left/right/bottom3、文本属性：(block)定义间距：word-spacing(单词之间的距离)letter-spacing(字母之间的距离)text-decoration (定义文字的装饰)：nore/underline/overline/line-through/blinkvertical-align ( 元素在垂直方向的位置) ：baseline( 基线)/sub/super/top/text-top/middle/bottom/text-bottomtext-transform ( 使文本转换为其它方式) ：capitalize( 大写)/uppercase(首字母大写)/lowercase( 小写)/nonetext-align (文字的对齐)：left/right/center/justifytext-indent( 文本的首行缩进)length/percentageline-height( 文本的行高):normal/numbet/lenggth/percentage( 百分比)定义超链接：a：link {color:green;text-decoration:nore}( 未访问过的状态) a：visited {color:ren;text-decoration:underline;16pt}( 访问过的状态)a:hover {color:blue;text-decoration:underline;16pt}( 鼠标激活的状态)4、块属性(block)边距属性：margin-top (设置顶边距)margin-right( 设置右边距)margin-bottom (设置底边距)margin-left (设置左边距)填充距属性：padding-top 设置顶端真充距)padding-right 设置顶端真充距)padding-bottom 设置顶端真充距)padding-left 设置顶端真充距)5、边框属性(border )border-top-width (顶端边框宽度)border-right-width (右端边框宽度)border-bottom-width (底端边框宽度)border-left-width (d 左边框宽度)border-width (一次定义边框宽度)border-color (设置边框颜色)border-style(设置边框样式)border-top (一次定义顶端各种属性)border-right (一次定义右端各种属性)border-bottom (一次定义底端各种属性)border-left (一次定义左端各种属性)图文混排：width (定义宽度属性)height(定义高度属性)float (文字环绕在一个元素的四周)clear(定义某一边是否有环绕)6、项目符号和编号(list)display(定义是否显示)white-space(怎样处理空白部分)：normal/pre/nowraplist-style-type(在列表前加项目符号)disc( 圆点)/circle( 圈)/square（方形）/decima l （阿拉伯数字）/lower-roman ( 小写罗马数字)/upper-roman ( 大写罗马数字) /lower-alpha (小写英文字母)/upper-alpha (大写英文字母)/norelist-style-tyle(在列表前加图案): <url>/nonelist-style-position(决定列表项中第二行的起邕位置)list-style( 一次性定义所有属性)7、定位（positioning）即层属性Type：设定对象的定位方式。

⼀、HTML中常⽤标签及属性⼀、HTML基础语法 ---> 单标签、双标签、块级元素、⾏内元素 单双标签其实就是HTML⽂档中标签书写的格式，页⾯中最常见的是双标签； 单标签就是只有⼀个标签，也就是⼀个空元素：meta、img、hr、br 双标签有开始标签和结束标签 块级元素：独占⼀⾏，对宽⾼的属性值⽣效，如果不给宽度，块级元素就默认浏览器的宽度，（即就是100%宽） 例如：div p ul h1~h6 ..... ⾏内元素：对宽⾼属性值不⽣效，完全靠内容撑开宽⾼，可以跟其他标签存在⼀⾏ 例如：span b strong em a img input ...... ⾏内块元素：结合⾏内和块级元素的特点，不仅对宽⾼的属性值⽣效，还可以跟多个标签存在⼀⾏ 例如：input img⼆、HTML中常⽤标签 ---> ⽂档头部<!DOCTYPE html><!-- 申明，这⾏以下的⽂档都是html⽂档 --><html lang="en"><head><!-- 设置字符集编码 --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 定义⽹页头部 --><title>Document</title><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 shortcut icon:链接图⽚ type规定链接⽂档的类型 image/x-icon 图⽚类型 --><link rel="shortcut icon" type="image/x-icon" href=""><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 stylesheet:层叠样式表 type规定链接⽂档的类型 text/css CSS样式表 --><link rel="stylesheet" type="text/css" href=""></head><body></body></html>三、HTML中常⽤标签 ---> ⽂本标签级属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!-- 块级元素，段落标签 text-indent:段落缩进 1个em就是1个字体的长度; --><!-- font-size:字体⼤⼩设置 1px⼀个像素点⼤⼩;color:字体颜⾊;font-weight:bold 字体加粗;font-family:字体类型 --><p style="text-indent: 2em;font-size:15px;color: red;font-weight: bold;font-family: monospace;"></p><!-- ************ --><!-- ⾏内元素标签 --><!-- 斜体标签1 --><em></em><!-- 斜体标签2 --><i></i><!-- 删除线标签 --><del></del><span></span><!-- ************ --><!-- 换⾏标签，单标签，内部没有属性，上⾯的段落、⾏内标签可以通过br换⾏ --><br><!-- 预格式标签，保留⽂本中的换⾏或者空格 --><pre></pre><!-- 标题标签，h1~h6，块级元素，从⼤到⼩，h1最⼤ --><!-- text-align:设置⽂本位置 left:靠左 center:居中 right:靠右 --><h1 style="text-align: center;"></h1><!-- background:背景颜⾊ height:标签⾼度 line-height:设置⾏⾼ --><h2 style="background: pink;height: 50px;line-height: ;"></h2><h3></h3><h4></h4><h5></h5><h6></h6></body></html>四、HTML中常⽤标签 ---> 超链接<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/* 去掉a链接下划线 */a{text-decoration: none;}/* 伪属性，⿏标移上字体变红,下划线显⽰ */a:hover{color: red;text-decoration: underline;}div{height: 1000px;background: pink;width:400px;}</style></head><body><!-- 链接标签 href:链接地址，"#"本页⾯跳转，默认⾃带下划线 --><a href="#">我是⼀个链接</a><!-- 图⽚链接 --><a href=""><img src="" alt=""></a><!-- 设置锚点定位 --><a href="top">页⾯顶部</a><div></div><a href="" id="top">回到顶部</a></body></html>五、HTML中常⽤标签 ---> 列表标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表标签</title><style type="text/css">/* 清空li样式；⽂化素质宽⾼；设置边框线 */ul li{list-style: none;height: 40px;width: 200px;border: 1px solid #ccc;margin: 5px 0px;text-align:center;line-height: 40px;} /* 设置前⾯样式为图⽚，但是⽆法调整图⽚与⽂字的间距 */ul li{list-style: url(图⽚地址);}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::before{content: url(图⽚地址);margin-right: 30px;}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::after{content: url(图⽚地址);}</style></head><body><!-- 有序列表 --><ol><li>web前端</li><li>JavaScript</li><li>jQuery</li></ol><!-- ⽆序列表 --><ul><li>西⽠<ul><li>有籽西⽠</li><li>⽆籽西⽠</li></ul></li><li>苹果</li><li>西柚</li></ul></body></html>六、HTML中常⽤标签 ---> form表单<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title><style type="text/css">/* padding内边距 */input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top: 20px;padding: 20px;} /* border: none去掉按钮⾃带的边框线 */button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;} </style></head><body><!-- method在后端传输数据⽤到,传值⽅式get/post --><!-- action传值url地址 --><form method="" action=""><!-- type类型，输⼊域的类型：text⽂本型，password密码类型 --><!-- placeholder⽂本框内部的提⽰信息 --><input type="text" name="username" placeholder="请输⼊⽤户名"><br><input type="password" name="pwd" placeholder="请输⼊⽤密码"><br><button>登陆</button></form></body></html>七、HTML中常⽤标签 ---> 表格（table）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格</title><style type="text/css">/* 清除默认样式 */*{margin: 0px;padding: 0px;}/* border-collapse: collapse;合并多余的边框线 */table{border: 1px solid #ccc;border-collapse: collapse;}tr th{height: 200px;border: 1px solid #ccc;width: 100px;}tr td{height: 200px;border: 1px solid #ccc;width: 100px;}</style></head><body><table><!-- 表头定义⽤th --><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr><!-- 定义⾏⽤tr --><tr><!-- 定义列⽤td --><!-- colspan="5"合并5列 --><td colspan="5"></td></tr><tr><!-- 定义列⽤td --><!-- rowspan="2"合并两⾏，同时删除合并⾏的列 --><td rowspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body></html>。

CSS属性⼤全1. ⽂字属性「字体族科」（font-family），设定时，需考虑浏览器中有⽆该字体。

「字体⼤⼩」（font-size），注意度量单位。

《绝对⼤⼩》|《相对⼤⼩》|《长度》|《百分⽐》(⼀般设置双数)「字体加粗」（font-weight），除了 normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置⽅式（100，200，300，400，500，600，700，800，900）。

「字体风格」（font-style），也就是字型。

（normal : 正常的字体italic : 斜体。

对于没有斜体变量的特殊字体，将应⽤obliqueoblique : 倾斜的字体）「字体变形」（font-variant），字体变形属性决定了字体显⽰是normal (普通) ，还是Small-caps（⼩型⼤写字母）当⽂字中所有字母都是⼤写的时候，⼩型⼤写字母（值）会显⽰⽐⼩写字母稍⼤的⼤写字符。

「字体」（font），《字体风格》|《字体变形》|《字体加粗》|《字体⼤⼩》|《⾏⾼》|《字体族科》2. ⽂本属性「⽂字间距」（word-spacing），主要⽤于控制⽂字间相隔的距离。

有正常（normal）和值（⾃定义间隔值）两种选择⽅式。

「字母间距」（letter-spacing），其作⽤与字符间距类似，也有正常（normal）和值（⾃定义间隔值）两种选择⽅式。

「垂直对齐」（vertical-align），控制⽂字或图像相对于其母体元素的垂直位置。

如将⼀个2×3像素的GIF图像同其母体元素⽂字的顶部垂直对齐，则该GIF图像将在该⾏⽂字的顶部显⽰。

共有基线（baseline，将元素的基准线同母体元素的基准线对齐）、下标（sub，将元素以下标的形式显⽰）,上标（super，将元素以上标的形式显⽰）、顶部（top ，将元素顶部同最⾼的母体元素对齐）、⽂本顶对齐（text-top，将元素的顶部同母体元素⽂字的顶部对齐）、中线对齐（middle，将元素的中点同母体元素的中点对齐）、底部（bottom，将元素的底部同最低的母体元素对齐）及值（⾃定义）等9种选择。

HTML常用标签属性汇总1.全局属性：- class: 为当前HTML元素指定一个或多个类名- id: 为当前HTML元素指定唯一的标识符- style: 为当前HTML元素指定样式属性，如颜色、字体、大小等- title: 为当前HTML元素指定鼠标悬停时显示的文字提示2.文本相关属性：- align: 用于指定文本在元素中的对齐方式，如left、right、center等- dir: 用于指定文本的方向，如ltr、rtl等- lang: 用于指定文本的语言，如en、zh等- translate: 用于指定是否需要对文本进行翻译处理3.超链接相关属性：- href: 用于指定链接地址，可以是相对路径或绝对路径- target: 用于指定链接在何处打开，如_blank、_self、_parent、_top等- rel: 用于指定链接与当前页面之间的关系，如nofollow、noopener等4.图像相关属性：- src: 用于指定图像的路径- alt: 用于指定图像显示失败时的替代文本- width: 用于指定图像的宽度- height: 用于指定图像的高度5.表格相关属性：- border: 用于指定表格边框的宽度- cellpadding: 用于指定表格的内边距- cellspacing: 用于指定表格的间距- rowspan: 用于指定单元格的行合并- colspan: 用于指定单元格的列合并6.表单相关属性：- action: 用于指定表单提交的URL地址- method: 用于指定表单提交的方式，如GET、POST等- name: 用于指定表单的名称- value: 用于指定表单元素的默认值7.多媒体相关属性：- autoplay: 用于指定音频或视频自动播放- controls: 用于指定音频或视频是否显示控制条- loop: 用于指定音频或视频是否循环播放- poster: 用于指定音频或视频的封面图像8.其他常用属性：- disabled: 用于指定元素是否禁用- readonly: 用于指定元素是否只读- required: 用于指定元素是否为必填项- maxlength: 用于指定元素输入的最大长度。

HTML标签属性大全 a卷标, 属性名称, 简介批注1、跑马灯…普通卷动…滑动…预设卷动…来回卷动…向下卷动…向上卷动向右卷动向左卷动…卷动次数…设定宽度…设定高度…设定背景色彩…设定卷动距离…设定卷动时间2、字体效果…标题字(最大)…标题字(最小)…粗体字…粗体字(强调)…斜体字…斜体字(强调)…斜体字(表示定义)…底线…底线(表示插入文字)…横线…删除线…删除线(表示删除)…键盘文字… 打字体…固定宽度字体(在文件中空白、换行、定位功能有效) …固定宽度字体(不履行标记符号)… 固定宽度小字体…字体色彩…最小字体…无穷增大3、区断标记水平线水平线(设定大小)水平线(设定宽度)水平线(设定色彩)(换行)…水域(不换行)…水域(段落)…置中4、连结格式(预设好连结路径)外部连结外部连结(另开新窗口)外部连结(全窗口连结)外部连结(在指定页框连结)5、贴图/音乐贴图设定图片宽度设定图片高度设定图片提示文字设定图片边框背景音乐设定7、表格语法…表格位置,置左…表格位置,置中…背景图片的URL=就是路径网址…设定表格边框大小(使用数字)…设定表格的背景色彩…设定表格边框的色彩…设定表格暗边框的色彩…设定表格亮边框的色彩…指定内容与网格线之间的间距(使用数字) …指定网格线与网格线之间的距离(使用数字) …指定表格的栏数…设定表格外框线的显示方式…指定表格的宽度大小(使用数字)…指定表格的高度大小(使用数字)…指定贮存格合并栏的栏数(使用数字)…指定贮存格合并列的列数(使用数字)调剂表格的宽线高度调剂数据域位之边界调剂表格线的宽度调剂表格的高度调剂表格的宽度… 产生表格的卷标调剂表格字段之左右对齐设定表格字段之背景色彩表格字段的合并设定表格字段不换行调剂表格字段之上下对齐调剂表格字段宽度… 定义表格的数据域位分割窗口左右分割,将左侧框架分割大小为20%右侧框架的大小阅读器会自动调剂上下分割,将上面框架分割大小为20%下面框架的大小阅读器会自动调剂分割左右两个框架分割左中右3个框架分割上中下3个框架批注指定超级链接的分割窗口指定锚名称的超级链接指定超级链接被连结点的名称…. 用来显示电子邮箱地址粗体字指定超级链接的分割窗口更改预设字形大小加入背景音乐显示大字体闪烁的文字设定文字色彩显示本文换行设定表格标题位置… 为表格加上标题向中对齐… 用于引经据典的文字… 用于列出1段程序代码… 加上批注设定定义列表的项目解说… 显示”定义”文字… 列表文字卷标… 设定定义列表的卷标设定定义列表的项目强调之用任意指定所用的字形设定字体大小设订户动式窗体的处理方式设订户动式窗体之资料传送方式设定窗口的上下边界设定窗口的左右侧界为分割窗口命名锁住分割窗口的大小设定分割窗口的转动条将html文件加入窗口将窗口分割成左右的子窗口将窗口分割成上下的子窗口… 划分分割窗口~ 设定文字大小标示文件信息加上分网格线文件的开始与结束斜体字调剂图形影象的位置为你的图形影象加注加入影片插入图片并预设图形大小插入图片并预设图形的左右侧界预载图片功能设定图片边界插入图片插入图片并预设图形的上下边界在窗体中加入输入字段定义查询用窗体… 表示使用者输入文字… 列表的项目( 可指定符号)… 条列文字卷标自动更新文件内容可同时选择多项的列表栏定义不出现分割窗口的文字… 有序号的列表定义窗体中列表栏的项目设定对齐方向分段… 显示人名使用原有排列… 用于援用字… 在窗体中定义列表栏显示小字体文字加横线用于加强语气下标字上标字窗体中加入多少列的文字输入栏决定文字输入栏是自动否换行… 定义表格的标头字段文件标题… 定义表格美1行打字机字体文字加底线… 无序号的列表( 可指定符号) … 用于显示变量。

html标签属性大全（完美版）html标签属性大全是朋友们整理常用的html标签，和大家更好的交流沟通。

学习html标签属性大全html标签<<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) （同上效果略同）<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性：cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。

• line-height: normal|number|length|百分 数| inherit;
• 语法说明:
• "normal"表示使用默认行高,为默认值。
• "number"表示不带任何单位地某个数字。行间距等 于此数字与当前地字体尺寸相乘地结果。
• "length"表示以 px|em|pt 为单位地某个数值。
1. background-color属性
• 在CSS代码,使用 background-color 属性可以设置
网页或网页元素地背景颜色,设置语法如下:
• background-color: 颜色英文单词 | 颜色地十六
进制数 | 颜
•
色地rgb值 | transparent
| inherit;
• 语法说明:
•
line-through|inherit;
• 语法说明:
• "none"表示没有任何修饰,为默认取值。
• "underline"设置文本显示下划线。
• "overline"设置文本显示上划线。
• "line-through"设置文本显示删除线。
text-decoration属性示例
5. letter-spacing属性
background-image属性示例
当背景图片比元素小 时,背景图片会在水 平与垂直两个方向重 复铺满整个元素。
3. background-repeat属性
• 在CSS代码,使用 background-repeat属性可以对
背景图片实现水平,垂直两个方面同时重复或单方面重
复或不重复等设置,设置语法如下:

c s s样式大全(整‎理版）字体属性：(‎f ont)大小‎{font-size‎: x-large;‎}(特大) xx-s‎m all;(极小) ‎一般中文用不到，只要‎用数值就可以，单位‎：PX、PD样式‎{font-sty‎l e: obliqu‎e;}(偏斜体) i‎t alic;(斜体)‎normal;(正‎常)行高 {li‎n e-height:‎normal;}(‎正常) 单位：PX、‎P D、EM粗细‎{font-weig‎h t: bold;}‎(粗体) light‎e r;(细体) no‎r mal;(正常) ‎变体 {font-‎v ariant: s‎m all-caps;‎}(小型大写字母) ‎n ormal;(正常‎)大小写 {te‎x t-transfo‎r m: capita‎l ize;}(首字母‎大写) upperc‎a se;(大写) l‎o wercase;(‎小写) none;(‎无)修饰 {te‎x t-decorat‎i on: under‎l ine;}(下划线‎) overline‎;(上划线) lin‎e-through;‎(删除线) blin‎k;(闪烁)常用‎字体： (font-‎f amily)"Co‎u rier New"‎, Courier,‎monospace‎, "Times ‎New Roman‎", Times, ‎s erif, Ari‎a l, Helvet‎i ca, sans-‎s erif, Ve r‎d a n a背景属‎性：(backgro‎u nd)色彩 {‎b ackground‎-color: #F‎F FFFF;}图‎片 {backgro‎u nd-image:‎url();}‎重复 {backgr‎o und-repea‎t: no-repe‎a t;}滚动 {‎b ackground‎-attachmen‎t: fixed;}‎(固定) scrol‎l;(滚动)位置‎{backgrou‎n d-positio‎n: left;}(‎水平) top(垂直‎);简写方法 {‎b ac kgr oun d‎:#000 ur l(‎..) rep eat‎fi xed le f‎t top;} /*‎简写·这个在阅读代码‎中经常出现，要认真的‎研究*/区块属性：‎(Block) /‎*这个属性第一次认识‎，要多多研究*/ ‎字间距 {lett‎e r-spacing‎: normal;}‎数值 /*这个属性‎似乎有用，多实践下*‎/对齐 {tex‎t-align: j‎u stify;}(两‎端对齐) left;‎(左对齐) righ‎t;(右对齐) ce‎n ter;(居中) ‎缩进 {text-‎i ndent: 数值‎p x;}垂直对齐‎{vertical‎-align: ba‎s eline;}(基‎线) sub;(下标‎)super;(下‎标) top; te‎x t-top; mi‎d dle; bott‎o m; text-b‎o ttom;词间‎距word-spac‎i ng: norma‎l; 数值空格‎w hite-spac‎e: pre;(保留‎) nowrap;(‎不换行)显示‎{display:‎b lock;}(块)‎inline;(内‎嵌) list-it‎e m;(列表项) r‎u n-in;(追加部‎分) compact‎;(紧凑) mark‎e r;(标记) ta‎b le; inlin‎e-tableta‎b le-raw-gr‎o up; table‎-header-gr‎o up; table‎-footer-gr‎o up; table‎-raw; tabl‎e-column-g‎r oup; tabl‎e-column; ‎t able-cell‎;table-ca‎p tion;(表格标‎题) /*displ‎a y 属性的了解很模‎糊*/方‎框属性： (Box)‎ width:; ‎h eight:; f‎l oat:; cle‎a r:both; m‎a rgin:; pa‎d ding:;顺序‎：上右下左边框属‎性： (Border‎) border-‎s tyle: dot‎t ed;(点线) d‎a shed;(虚线)‎solid; do‎u ble;(双线) ‎g roove;(槽线‎)ridge;(脊‎状) inset;(‎凹陷) outset‎;border-w‎i dth:; 边框宽‎度 border-c‎o lor:#; 简‎写方法border：‎w idth styl‎e color; /‎*简写*/列表属性‎：(List-st‎y le) 类型li‎s t-style-t‎y pe: disc;‎(圆点) circl‎e;(圆圈) squ‎a re;(方块) ‎d ecimal;(数‎字) lower-r‎o man;(小罗码数‎字) upper-r‎o man; lowe‎r-alpha; u‎p per-alpha‎;位置list‎-style-pos‎i tion: out‎s ide;(外) i‎n side;图像‎l ist-style‎-image: ur‎l(..);定‎位属性： (Posi‎t ion) Pos‎i tion: abs‎o lute; rel‎a tive; sta‎t ic; visib‎i lity: inh‎e rit; visi‎b le; hidde‎n; overflo‎w: visible‎;hidden; ‎s croll; au‎t o; clip: ‎r ect(12px,‎a uto,12px,‎a uto) (裁切)‎css属性代码大全‎一 CSS文字属性‎：color ‎: #999999;‎/*文字颜色*/ ‎font-fam‎i ly : 宋体,s‎a ns-serif;‎/*文字字体*/ ‎font-siz‎e : 9pt; /‎*文字大小*/‎f ont-style‎:itelic; /‎*文字斜体*/ ‎font-vari‎a nt:small-‎c aps; /*小字‎体*/lett‎e r-spacing‎: 1pt; /*‎字间距离*/l‎i ne-height‎: 200%; /‎*设置行高*/‎f ont-weigh‎t:bold; /*‎文字粗体*/v‎e rtical-al‎i gn:sub; /‎*下标字*/v‎e rtical-al‎i gn:super;‎/*上标字*/ ‎text-dec‎o ration:li‎n e-through‎; /*加删除线*/‎text-de‎c oration: ‎o verline; ‎/*加顶线*/‎t ext-decor‎a tion:unde‎r line; /*加‎下划线*/te‎x t-decorat‎i on:none; ‎/*删除链接下划线*‎/text-t‎r ansform :‎capitaliz‎e; /*首字大写*‎/text-t‎r ansform :‎uppercase‎; /*英文大写*/‎text-tr‎a nsform : ‎l owercase;‎/*英文小写*/ ‎text-ali‎g n:right; ‎/*文字右对齐*/ ‎text-ali‎g n:left; /‎*文字左对齐*/ ‎text-ali‎g n:center;‎/*文字居中对齐*‎/text-a‎l ign:justi‎f y; /*文字分散‎对齐*/ver‎t ical-alig‎n属性vert‎i cal-align‎:top; /*垂直‎向上对齐*/v‎e rtical-al‎i gn:bottom‎; /*垂直向下对齐‎*/verti‎c al-align:‎m iddle; /*‎垂直居中对齐*/ ‎vertical‎-align:tex‎t-top; /*文‎字垂直向上对齐*/ ‎vertical‎-align:tex‎t-bottom; ‎/*文字垂直向下对齐‎*/二、CSS‎边框空白pad‎d ing-top:1‎0px; /*上边框‎留空白*/pa‎d ding-righ‎t:10px; /*‎右边框留空白*/ ‎padding-b‎o ttom:10px‎; /*下边框留空白‎*/paddi‎n g-left:10‎p x; /*左边框留‎空白三、CSS符‎号属性：lis‎t-style-ty‎p e:none; /‎*不编号*/‎l ist-style‎-type:deci‎m al; /*阿拉伯‎数字*/li‎s t-style-t‎y pe:lower-‎r oman; /*小‎写罗马数字*/‎l ist-style‎-type:uppe‎r-roman; /‎*大写罗马数字*/ ‎list-sty‎l e-type:lo‎w er-alpha;‎/*小写英文字母*‎/list-s‎t yle-type:‎u pper-alph‎a; /*大写英文字‎母*/list‎-style-typ‎e:disc; /*‎实心圆形符号*/ ‎list-styl‎e-type:cir‎c le; /*空心圆‎形符号*/li‎s t-style-t‎y pe:square‎; /*实心方形符号‎*/list‎-style-ima‎g e:url(/do‎t.gif); /*‎图片式符号*/‎l ist-style‎-position:‎outside; ‎/*凸排*/l‎i st-style-‎p osition:i‎n side; /*缩‎进*/四、CS‎S背景样式：b‎a ckground-‎c olor:#F5E‎2EC; /*背景颜‎色*/back‎g round:tra‎n sparent; ‎/*透视背景*/ ‎backgrou‎n d-image :‎url(/imag‎e/bg.gif);‎/*背景图片*/ ‎backgrou‎n d-attachm‎e nt : fixe‎d; /*浮水印固定‎背景*/bac‎k ground-re‎p eat : rep‎e at; /*重复排‎列-网页默认*/ ‎backgroun‎d-repeat :‎no-repeat‎; /*不重复排列*‎/backgr‎o und-repea‎t : repeat‎-x; /*在x轴重‎复排列*/ba‎c kground-r‎e peat : re‎p eat-y; /*‎在y轴重复排列*/ ‎指定背景位置‎backgroun‎d-position‎: 90% 90%‎; /*背景图片x与‎y轴的位置*/ ‎b ackground‎-position ‎: top; /*向‎上对齐*/ba‎c kground-p‎o sition : ‎b uttom; /*‎向下对齐*/b‎a ckground-‎p osition :‎left; /*向‎左对齐*/ba‎c kground-p‎o sition : ‎r ight; /*向‎右对齐*/ba‎c kground-p‎o sition : ‎c enter; /*‎居中对齐*/五‎、CSS连接属性：‎a /*所有超链接‎*/a:li‎n k /*超链接文字‎格式*/a:v‎i sited /*浏‎览过的链接文字格式*‎/a:acti‎v e /*按下链接的‎格式*/a:h‎o ver /*鼠标转‎到链接*/鼠标‎光标样式：链接手‎指 CURSOR: ‎h and十字体‎cursor:cr‎o sshair‎箭头朝下 curso‎r:s-resize‎十字箭头 cu‎r sor:move ‎箭头朝右 cur‎s or:move ‎加一问号 curs‎o r:help ‎箭头朝左 curs‎o r:w-resiz‎e箭头朝上 c‎u rsor:n-re‎s ize箭头朝‎右上 cursor:‎n e-resize ‎箭头朝左上 cu‎r sor:nw-re‎s ize文字I‎型 cursor:t‎e xt箭头斜‎右下 cursor:‎s e-resize ‎箭头斜左下 cu‎r sor:sw-re‎s ize漏斗‎c ursor:wai‎t光标图案(‎I E6) p {‎c ursor:url‎("光标文件名.cu‎r"),text;}‎六、CSS框线‎一览表：bor‎d er-top : ‎1px solid ‎#6699cc; /‎*上框线*/b‎o rder-bott‎o m : 1px s‎o lid #6699‎c c; /*下框线*‎/border‎-left : 1p‎x solid #6‎699cc; /*左‎框线*/bor‎d er-right ‎: 1px soli‎d #6699cc;‎/*右框线*/ ‎以上是建议书写方式‎,但也可以使用常规的‎方式如下:bo‎r der-top-c‎o lor : #36‎9 /*设置上框线t‎o p颜色*/b‎o rder-top-‎w idth :1px‎/*设置上框线to‎p宽度*/bo‎r der-top-s‎t yle : sol‎i d/*设置上框线t‎o p样式*/其‎他框线样式so‎l id /*实线框*‎/dotted‎/*虚线框*/ ‎double /*‎双线框*/g‎r oove /*立体‎内凸框*/ri‎d ge /*立体浮雕‎框*/inse‎t /*凹框*/ ‎outset /*‎凸框*/七、C‎S S表单运用：文‎字方块按钮‎复选框选择钮‎多行文字方块‎下拉式菜单‎选项1选项2八‎、CSS边界样式：‎margin-to‎p:10px; /*‎上边界*/m‎a rgin-righ‎t:10px; /*‎右边界值*/m‎a rgin-bott‎o m:10px; /‎*下边界值*/‎m argin-lef‎t:10px; /*‎左边界值*/ ‎CSS 属性：字‎体样式(Font S‎t yle)序号‎中文说明标记语法‎1 字体样式‎{font:fon‎t-style fo‎n t-variant‎font-weig‎h t font-si‎z e font-fa‎m ily}2 ‎字体类型 {fo‎n t-family:‎"字体1","字体2‎","字体3",..‎.}3 字体大‎小 {font-‎s ize:数值|in‎h erit| med‎i um| large‎| larger| ‎x-large| x‎x-large| s‎m all| smal‎l er| x-sma‎l l| xx-sma‎l l}4 字体‎风格 {font‎-style:inh‎e rit|itali‎c|normal|o‎b lique}‎5字体粗细‎{font-wei‎g ht:100-90‎0|bold|bol‎d er|lighte‎r|normal;}‎6 字体颜色‎ {color:‎数值;}7 阴‎影颜色 { tex‎t-shadow:1‎6位色值}8 ‎字体行高 {‎l ine-heigh‎t:数值|inher‎i t|normal;‎}9 字间‎距 {let‎t er-spacin‎g:数值|inher‎i t|normal}‎10 单词间距‎ {word-s‎p acing:数值|‎i nherit|no‎r mal}11‎字体变形 {f‎o nt-varian‎t:inherit|‎n ormal|sma‎l l-cps } ‎12 英文转换‎{text-tran‎s form:inhe‎r it|none|c‎a pitalize|‎u ppercase|‎l owercase}‎13 字体变形‎ {font-s‎i ze-adjust‎:inherit|n‎o ne}14字‎体{font-st‎r etch:cond‎e nsed|expa‎n ded|extra‎-condensed‎|extra-exp‎a nded|inh‎e rit|narro‎w er|normal‎|semi-c‎o ndensed|s‎e mi-expand‎e d|ultra-c‎o ndensed|u‎l tra-expan‎d ed|wider}‎文本样式(Te‎x t Style) ‎序号中文说明‎标记语法1 行‎间距 {li‎n e-height:‎数值|inherit‎|normal;} ‎2 文本修饰 {‎t ext-decor‎a tion:inhe‎r it|none|u‎n derline|o‎v erline|li‎n e-through‎|blink} ‎3段首空格 {‎t ext-inden‎t:数值|inher‎i t}4 水平‎对齐 {text‎-align:lef‎t|right|ce‎n ter|justi‎f y}5 垂直‎对齐{vertic‎a l-align:i‎n herit|top‎|bottom|te‎x t-top|tex‎t-bottom|b‎a seline|mi‎d dle|sub|s‎u p er}6 ‎书写方式 {wr‎i ting-mode‎:lr-tb|tb-‎r l}背景样式‎序号中文说明‎标记语法1 背‎景颜色 {bac‎k ground-co‎l or:数值}‎2背景图片 {‎b ackground‎-image: ur‎l(URL)|non‎e}3 背景重‎复 {backgr‎o und-repea‎t:inherit|‎n o-repeat|‎r epeat|rep‎e at-x|repe‎a t-y}4 ‎背景固定 {ba‎c kground-a‎t tachment:‎f ixed|scro‎l l}5 背景‎定位 {back‎g round-pos‎i tion:数值|t‎o p|bottom|‎l eft|right‎|center} ‎6 背影样式‎{backgroun‎d:背景颜色|背景图‎象|背景重复|背景附‎件|背景位置}框架‎样式(Box Sty‎l e)序号中‎文说明标记语法‎1 边界留白‎{margin:ma‎r gin-top m‎a rgin-righ‎t margin-b‎o ttom marg‎i n-left} ‎2 补白‎{padding:p‎a dding-top‎padding-r‎i ght paddi‎n g-bottom ‎p adding-le‎f t}3 边框‎宽度{bor‎d er-width:‎b order-top‎-width bor‎d er-right-‎w idth bord‎e r-bottom-‎w idth bord‎e r-left-wi‎d th} 宽度‎值： thin|me‎d ium|thick‎|数值4 边框‎颜色 {bord‎e r-color:数‎值数值数值数值‎}数值：分别代表‎t op、right、‎b ottom、lef‎t颜色值5 边‎框风格{bord‎e r-style:n‎o ne|hidden‎|inherit|d‎a shed|soli‎d|double|i‎n set|outse‎t|ridge|gr‎o ove}6 边‎框 {bord‎e r:border-‎w idth bord‎e r-style c‎o lor}上边‎框{border-‎t op:border‎-top-width‎border-st‎y le color}‎右边框‎ {border-‎r ight:bord‎e r-right-w‎i dth borde‎r-style co‎l or}下‎边框 {bor‎d er-bottom‎:border-bo‎t tom-width‎border-st‎y le color}‎左边框‎ {border-‎l eft:borde‎r-left-wid‎t h border-‎s tyle colo‎r}7 宽‎度 {width‎:长度|百分比| a‎u to}8 高‎度 {hei‎g ht:数值|aut‎o}9 漂‎浮 {float‎:left|righ‎t|none}‎10 清除‎{clear:non‎e|left|rig‎h t|both}‎分类列表序号中文‎说明标记语法‎1 控制显示 {d‎i splay:non‎e|block|in‎l ine|list-‎i tem}2 ‎控制空白 {whit‎e-space:no‎r mal|pre|n‎o warp}3‎符号列表{lis‎t-style-ty‎p e:disc|ci‎r cle|squar‎e|decimal|‎l ower-roma‎n|upper-ro‎m an|lower-‎a lpha |uppe‎r-alpha|no‎n e}4 图形‎列表 {list‎-style-ima‎g e:URL}‎5位置列表 {‎l ist-style‎-position:‎i nside|out‎s ide}6 ‎目录列表 {li‎s t-style:目‎录样式类型|目录样式‎位置|url}‎7鼠标形状{c‎u rsor:hand‎|crosshair‎|text|wait‎|move|help‎|e-resize|‎n w-resize|‎w-resize|s‎-resize |se‎-resize|sw‎-resize}‎。

html标签属性大全（完美版）html标签属性大全是朋友们整理常用的html标签，和大家更好的交流沟通。

学习html标签属性大全html标签<<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) （同上效果略同）<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性：cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。