HTML常用属性

html-css017

HTML常用属性,第1张

行高 line-height:数值 | inherit | normal

字间距 letter-spacing: 数值 | inherit | normal

显示 display:

none: 不显示,使用的场景非常多

block: 把内联标签变成块级标签

inline: 把块级标签变成内联标签

inline-block:变为行间块元素

宽度 width: 长度 | 百分比 | auto

高度 height: 长度 | 百分比 | auto

清除 clear: none | left | right | both

外边距 margin: 上 右 下 左

内边距 padding: 上 右 下 左

定位 position: absolute | relative

超出 overflow: visible | hidden | scroll auto

浮动 float: left | right | none在页面布局的时候用的最多

fixed 一般用来写网页顶端的固定导航条,或者两侧的菜单。

absolute与relative 这两者一般配合使用,用于调整div之间的相对位置

opacity 0-1 表示透明度

颜色 color: 数值

大小 font-size: 数值

字体 font-family: "Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana

样式 font-style: oblique(偏斜体) italic(斜体) normal(正常)

粗细 font-weight: bold(粗体) lighter(细体) normal(正常)

背景 background: transparent/透视背景*/

颜色 background-color: 数值

图片 background-image: url() | none

重复 background-repeat: inherit | no-repeat | repeat | repeat-x | repeat-y

大小写 text-transform: capitalize | uppercase | lowercase | none

修饰 text-decoration: underline(下划线) overline(上划线) line-through(删除线) blink(闪烁)

排列 text-align: justify | left | right | center

缩进 text-indent: 数值 | inherit

阴影 text-shadow:数值

边框样式 border-style: dotted(点线) dashed(虚线) soliddouble(双线) groove(槽线) ridge(脊状) inset(凹陷) outset

边框宽度 border-width:

边框颜色 border-color: top值 right值 bottom值 left值

类型 list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

位置 list-style-position: outside | inside

图像 list-style-image: URL

简写 list-style:目录样式类型 | 目录样式位置 | url

margin-top:10px(上边界)

margin-right:10px(右边界)

margin-bottom:10px(下边界值)

margin-left:10px(左边界值)

margin-inside:

margin-outside:

padding-top:10px/ 上边框留空白 /

padding-right:10px/ 右边框留空白 /

padding-bottom:10px/ 下边框留空白 /

padding-left:10px/ 左边框留空白 /

vertical-align:sub/ 下标字 /

vertical-align:super/ 上标字 /

vertical-align:top/ 垂直向上对齐 /

vertical-align:bottom/ 垂直向下对齐 /

vertical-align:middle/ 垂直居中对齐 /

vertical-align:text-top/ 文字垂直向上对齐 /

vertical-align:text-bottom/ 文字垂直向下对齐 /

a / 所有超链接 /

a:link / 超链接文字格式 /

a:visited / 浏览过的链接文字格式 /

a:active / 按下链接的格式 /

a:hover / 鼠标转到链接 /

光标形状 cursor:hand | crosshair | text | wait | move | help | e-resize | nw-resize | w-resize | s-resize | se-resize | sw-resize

/ 也可以自定义 /

cursor: hand/ 链接手指 /

cursor: crosshair / 十字体 /

cursor: s-resize / 箭头朝下 /

cursor: move / 十字箭头, 朝右/

cursor: help / 加一问号 /

cursor: w-resize / 箭头朝左 /

cursor: n-resize / 箭头朝上 /

cursor: ne-resize / 箭头朝右上 /

cursor: nw-resize / 箭头朝左上 /

cursor: text / 文字型/

cursor: se-resize / 箭头斜右下 /

cursor: sw-resize / 箭头斜左下/

cursor: wait / 漏斗

标签 描述

<!--...--> 定义注释。

<!DOCTYPE> 定义文档类型。

<a> 定义锚。

<abbr> 定义缩写。

<acronym> 定义只取首字母的缩写。

<address> 定义文档作者或拥有者的联系信息。

<applet> 不赞成使用。定义嵌入的 applet。

<area> 定义图像映射内部的区域。

<article> 定义文章。

<aside> 定义页面内容之外的内容。

<audio> 定义声音内容。

<b> 定义粗体字。

<base> 定义页面中所有链接的默认地址或默认目标。

<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo> 定义文字方向。

<big> 定义大号文本。

<blockquote> 定义长的引用。

<body> 定义文档的主体。

<br> 定义简单的折行。

<button> 定义按钮 (push button)。

<canvas> 定义图形。

<caption> 定义表格标题。

<center> 不赞成使用。定义居中文本。

<cite> 定义引用(citation)。

<code> 定义计算机代码文本。

<col> 定义表格中一个或多个列的属性值。

<colgroup> 定义表格中供格式化的列组。

<command> 定义命令按钮。

<datalist> 定义下拉列表。

<dd> 定义定义列表中项目的描述。

<del> 定义被删除文本。

<details> 定义元素的细节。

<dir> 不赞成使用。定义目录列表。

<div> 定义文档中的节。

<dfn> 定义定义项目。

<dialog> 定义对话框或窗口。

<dl> 定义定义列表。

<dt> 定义定义列表中的项目。

<em> 定义强调文本。

<embed> 定义外部交互内容或插件。

<fieldset> 定义围绕表单中元素的边框。

<figcaption> 定义 figure 元素的标题。

<figure> 定义媒介内容的分组,以及它们的标题。

<font> 不赞成使用。定义文字的字体、尺寸和颜色。

<footer> 定义 section 或 page 的页脚。

<form> 定义供用户输入的 HTML 表单。

<frame> 定义框架集的窗口或框架。

<frameset> 定义框架集。

<h1>to <h6> 定义 HTML 标题。

<head> 定义关于文档的信息。

<header> 定义 section 或 page 的页眉。

<hr> 定义水平线。

<html> 定义 HTML 文档。

<i> 定义斜体字。

<iframe> 定义内联框架。

<img> 定义图像。

<input> 定义输入控件。

<ins> 定义被插入文本。

<isindex> 不赞成使用。定义与文档相关的可搜索索引。

<kbd> 定义键盘文本。

<keygen> 定义生成密钥。

<label> 定义 input 元素的标注。

<legend> 定义 fieldset 元素的标题。

<li> 定义列表的项目。

<link> 定义文档与外部资源的关系。

<map> 定义图像映射。

<mark> 定义有记号的文本。

<menu> 定义命令的列表或菜单。

<menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。

<meta> 定义关于 HTML 文档的元信息。

<meter> 定义预定义范围内的度量。

<nav> 定义导航链接。

<noframes> 定义针对不支持框架的用户的替