属性大全_html标签属性大全 - CSDN
精华内容
参与话题
  • HTML5 标签属性大全

    2020-07-30 23:33:23
    HTML5所有的标签,属性,使用方法,语法知识,可以让你从入门到熟悉使用
  • qss 属性介绍大全

    千次阅读 2018-11-26 18:34:24
    字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {lin...

    参考着个链接http://www.cnblogs.com/bclshuai/p/9809679.html

    字体属性:(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;(表格标题) /*display 属性的了解很模糊*/

    方框属性: (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; /*左边框留空白

    三、CSS符号属性:

    list-style-type:none; /*不编号*/

    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; /*在x轴重复排列*/

    background-repeat : repeat-y; /*在y轴重复排列*/

    指定背景位置

    background-position : 90% 90%; /*背景图片x与y轴的位置*/

    background-position : top; /*向上对齐*/

    background-position : buttom; /*向下对齐*/

    background-position : left; /*向左对齐*/

    background-position : right; /*向右对齐*/

    background-position : center; /*居中对齐*/

    五、CSS连接属性:

    a /*所有超链接*/

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

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

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

    a: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 : #369 /*设置上框线top颜色*/

    border-top-width :1px /*设置上框线top宽度*/

    border-top-style : solid/*设置上框线top样式*/

    其他框线样式

    solid /*实线框*/

    dotted /*虚线框*/

    double /*双线框*/

    groove /*立体内凸框*/

    ridge /*立体浮雕框*/

    inset /*凹框*/

    outset /*凸框*/

    七、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|normal| 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-width border-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|upper-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-resize|sw-resize}

    展开全文
  • HTML标签属性大全(开发人员必备)

    万次阅读 多人点赞 2016-09-13 14:53:14
    最常见的HTML标签属性大全,和大家分享一下: 字体效果 ...标题字(最大) ...标题字(最小) ...粗体字 ...粗体字(强调) (同上效果略同) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ...底线 ...

    最常见的HTML标签属性大全,和大家分享一下:

    <!>字体效果

    <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 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。

    rows 就是横向切割,将窗口上下分开,数值设置同上。

    以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。

    frameborder 设置框架的边框,其值有0不要边框,1要边框。

    border 设置框架边框厚度

    framespacing 表示框架与框架间保留空白的距离

    frame 元素(单标签)

    语法格式:

    <frame name=""src="url" scrolling="yes/no" noresize>

    属性:

    name 框架名称,指定框架来做连接的目标窗口。

    src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。

    scrolling 是否显示滚动条,yes/no,auto是自动。

    noresize 设置不让使用者改变这个框架的大小,

    noframe元素

    指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

    语法格式:

    <noframe>

    ......

    </noframe>

    表单<form></form>

    语法格式:

    <form action="url"method="get/post">

    ....

    <input type=submit><inputtype=reset>

    </form>

    method有两种提交方式get,post

    action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@163.com"这样此表单所填的资料将会发送到这个邮箱地址。

    method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。

    申请表单用的是post搜索引擎用的是get

     

    <!- - ... - -> 注解

    <A HREF TARGET> 指定超连结的分割视窗

    <A HREF=#锚的名称> 指定锚名称的超连结

    <A HREF> 指定超连结

    <A NAME=锚的名称> 被连结点的名称

    <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

    <B> 粗体字

    <BASE TARGET> 指定超连结的分割视窗

    <BASEFONT SIZE> 更改预设字形大小

    <BGSOUND SRC> 加入背景音乐

    <BIG> 显示大字体

    <BLINK> 闪烁的文字

    <BODY TEXT LINK VLINK> 设定文字颜色

    <BODY> 显示本文

    <BR> 换行

    <CAPTION ALIGN> 设定表格标题位置

    <CAPTION>...</CAPTION> 为表格加上标题

    <CENTER> 向中对齐

    <CITE>...<CITE> 用於引经据典的文字

    <CODE>...</CODE> 用於列出一段程式码

    <COMMENT>...</COMMENT> 加上注解

    <DD> 设定定义列表的项目解说

    <DFN>...</DFN> 显示"定义"文字

    <DIR>...</DIR> 列表文字标签

    <DL>...</DL> 设定定义列表的标签

    <DT> 设定定义列表的项目

    <EM> 强调之用

    <FONT FACE> 任意指定所用的字形

    <FONT SIZE> 设定字体大小

    <FORM ACTION> 设定户动式表单的处理方式

    <FORM METHOD> 设定户动式表单之资料传送方式

    <FRame MARGINHEIGHT> 设定视窗的上下边界

    <FRame MARGINWIDTH> 设定视窗的左右边界

    <FRame NAME> 为分割视窗命名

    <FRame NORESIZE> 锁住分割视窗的大小

    <FRame SCROLLING> 设定分割视窗的卷轴

    <FRame SRC> 将HTML档加入视窗

    <FRameSET COLS> 将视窗分割成左右的子视窗

    <FRameSET ROWS> 将视窗分割成上下的子视窗

    <FRameSET>...</FRameSET> 划分分割视窗

    <H1>~<H6> 设定文字大小

    <HEAD> 标示文件资讯

    <HR> 加上分格线

    <HTML> 文件的开始与结束

    <I> 斜体字

    <IMG ALIGN> 调整图形影像的位置

    <IMG ALT> 为你的图形影像加注

    <IMG DYNSRC LOOP> 加入影片

    <IMG HEIGHT WIDTH> 插入图片并预设图形大小

    <IMG HSPACE> 插入图片并预设图形的左右边界

    <IMG LOWSRC> 预载图片功能

    <IMG SRC BORDER> 设定图片边界

    <IMG SRC> 插入图片

    <IMG VSPACE> 插入图片并预设图形的上下边界

    <INPUT TYPE NAME value> 在表单中加入输入栏位

    <ISINDEX> 定义查询用表单

    <KBD>...</KBD> 表示使用者输入文字

    <LI TYPE>...</LI> 列表的项目 ( 可指定符号 )

    <MARQUEE> 跑马灯效果

    <MENU>...</MENU> 条列文字标签

    <meta NAME="REFRESH" CONTENTURL> 自动更新文件内容

    <MULTIPLE> 可同时选择多项的列表栏

    <NOFRame> 定义不出现分割视窗的文字

    <OL>...</OL> 有序号的列表

    <OPTION> 定义表单中列表栏的项目

    <P ALIGN> 设定对齐方向

    <P> 分段

    <PERSON>...</PERSON> 显示人名

    <PRE> 使用原有排列

    <SAMP>...</SAMP> 用於引用字

    <select >...</select > 在表单中定义列表栏

    <SMALL> 显示小字体

    <STRIKE> 文字加横线

    <STRONG> 用於加强语气

    <SUB> 下标字

    <SUP> 上标字

    <TABLE BORDER=n> 调整表格的宽线高度

    <TABLE CELLPADDING> 调整资料栏位之边界

    <TABLE CELLSPACING> 调整表格线的宽度

    <TABLE HEIGHT> 调整表格的高度

    <TABLE WIDTH> 调整表格的宽度

    <TABLE>...</TABLE> 产生表格的标签

    <TD ALIGN> 调整表格栏位之左右对齐

    <TD BGCOLOR> 设定表格栏位之背景颜色

    <TD COLSPAN ROWSPAN> 表格栏位的合并

    <TD NOWRAP> 设定表格栏位不换行

    <TD VALIGN> 调整表格栏位之上下对齐

    <TD WIDTH> 调整表格栏位宽度

    <TD>...</TD> 定义表格的资料栏位

    <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏

    <TEXTAREA WRAP> 决定文字输入栏是自动否换行

    <TH>...</TH> 定义表格的标头栏位

    <TITLE> 文件标题

    <TR>...</TR> 定义表格美一行

    <TT> 打字机字体

    <U> 文字加底线

    <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )

    <var>...</var> 用於显示变数

    BlockQuotc文本缩进

    表示颜色的有三种方式;

    1,16进制颜色代码

    语法:#RRGGBB

    例:<fontcolor="#ff0000">红色</font>

    2,10进制RGB码

    语法:RGB(RRR,GGG,BBB)

    例:<fontcolor="rgb(255,000,000)">红色</font>

    3,直接用颜色的英文名称

    例:<fontcolor="red">红色</font>

    <body>.....</body>属性可分为三种:

    1,背景属性

    包括:bgcolor,background

    2,文字属性:

    包括:text,link,alink,vlink,

    3,留白属性:

    其中分为:leftmargin,topmargin

    .bgcolor背景色

    语法格式:<bodybgcolor="#ff0000">

    .background背景图案。

    语法格式:<bodybackground="url">

    .text文本颜色(非连接文字颜色)

    .link连接文字颜色(可连接文字颜色)

    .alink活动连接文字颜色(正被点击的可连接文字的颜色)

    .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)

    语法格式:<bodytext="color" link="color" alink="color"vlink="color">

    .leftmargin 页面左侧的留白距离

    .topmargin 页面顶部的留白距离

    语法格式:<bodyleftmargin="value" topmargin="value">

    注:value为长度值为数字

    align属性

    语法:<h2align="?">文字</h2>

    其属性有三种:left靠左,center居中,right靠右

    〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置

    〈br>为换行标记

    <nobr></nobr>为不换行标记 放在文字两边即可

    例:<body>

    <h3>江南逢李龟年</h3>

    <p>歧王宅里寻常见<br>

    催九堂前几度闻<br>

    正是江南好风景<br>

    落花时节又逢君</p>

    </body>

    预格式化:

    <pre>......</pre> 浏览是效果和编写是效果格式一样

    列表

    1无序列表又称符号列表

    语法格式:

    <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框

    <li>文字</li>

    <li>文字</li>

    </ul>

    2有序列表

    语法格式:

    <ol type="?"start"?">

    <li>文字</li>

    <li>文字</li>

    </ol>

    type的值是编号字符可选的有1...,a...,A...,i... ,I...

    start为起始值例:如果start为3是那么将从3开始,而且必须是数字。

    3定义列表

    <dl>定义列表标记

    <dt>标示定义条目

    <dd>标示定义内容

    语法格式:

    <dl>

    <dt>文字</dt>

    <dd>文字内容</dd>

    </dl>

    连接和图像

    语法格式:

    <a href="url"name="?" target="?" title="?">....</a>

    属性:href 连接目标 值可以是url地址也可以是连接锚点

    <a href="url">...</a>或者

    <a href="锚点">...</a>

    name连接名称

    语法格式:<aname="锚点名称">...</a>

    例:<aname="abcdcf">...</a>

    连接到该锚点的连接则应是:

    <aname="#abcdef">....</a>

    target目标窗口语法格式

    <a href="url"target="_blank|_self|_farent|_top|windowname">....</a>

    -blank打开新窗口

    _self当前窗口打开

    一下两个仅在框架叶面中应用

    _parent当前窗口的父级窗口(上一级)打开

    _top在最高一级的窗口打开

    windowname已命名的窗口或框架中打开连接

    title连接提示

    <ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a>

    图像<img> 语法格式:

    <img src="url" alt="?"width="?" height="?" border="?"align="?">

    border属性定义图片边框的宽度,默认值为0

    align属性设置图片旁边文字的位置

    语法格式:<imgsrc="" align"">

    可选值有:

    top图片和文字顶部对齐

    middle图片和文字居中对齐

    bottom图片和文字底边对齐(默认)

    left图片居左对齐,文字沿图片绕排

    right图片居右对齐,文字沿图片绕排

    absmiddle图片对齐到目前文字行绝对中央

    absbottom图片对齐到目前文字行绝对底部

    文字的排版

    不换行空白标记

    font元素

    语法格式:

    <font face="字体名称" size="字体大小" color="字体颜色">

    字体大小可选值为1——7,默认为3

    例:〈fontface="黑体"size="4" color="#ff00ff">....</font>

    水平线<hr>

    语法格式:<hrwidth="宽度"align="对齐方式默认居中center"size="水平线厚度默认为2"color="颜色"noshade>

    noshade无阴影,既实线

    层〈div><span>两种元素

    <div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行,

    <span>是行内元素,可以定义段落中部分文字的属性

    语法格式:

    <div align=""style="">...</div>

    align设置层中元素的水平对齐方式

    stule设置元素应用css规范的属性

    <div>兼容性比<span>要好一点,最好使用<div>

    表格语法格式

    <table width="" bgcolor=""background="" border="" cellspacing=""cellpadding="">

    <tr>...<td>....</td>....</tr>

    </table>

    border边框宽度默认值为0,既没有边框

    cellspacing表格中单元格的边距大小,默认值为两个像素

    cellpadding表格中单元格之间的间距大小,默认值为两个像素

    tr元素

    语法格式:

    <tr align=""bgcolor="">....</tr>

    align属性对齐方式可选值如下:left,center,tight,默认为left

    bgcolor指定该行的背景颜色

    td元素

    语法格式:

    <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td>

    align属性的可选值有:left,center,right

    valign属性的可选值有:top,middle,bottom

    rowspan和colapan跨行和跨列的数量,默认为1

    input元素 语法格式:

    <input type="">

    type属性的可选值有:

    text 单行文本框

    属性:name 文本框名称

    value 文本框的初始值

    size 文本框的长度

    maxlength 可输入字符串最大的长度

    radio 单选框

    属性:name 单选框名称

    value 内部值

    checked 默认选定

    checkbox 复选框

    属性:name 复选框名称

    value 内部值

    checked 默认选定

    reset 重置按钮

    submit 确定按钮

    属性:name 按钮名称

    value 显示在按钮上的文字

    password 密码框

    属性与文本框的属性完全相同

    file 文件域

    属性:name文件域名称

    size 文件域的长度

    maxlength 文件域可接受的字符数量的上限

    hidden 隐藏域

    属性:name 隐藏域名称

    value 内定值

    image 图片域

    属性:name 所要代表的按钮,可以是submit,reset,或其他.

    src 按钮图片的url 地址

    列表框<select>

    语法格式:

    <select>

    .....

    <option>....</option>

    .....

    </select>

    select元素

    语法格式:<selectname="" size=""multiple></select>

    name 指定列表框的名字

    size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框

    multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项

    option属性

    语法格式:<optionvalue="" selected></option>

    value 该列表项的值

    selected 如果设定了这个参数,默认为选定这一项

    多行文本框<textarea>

    <textarea name=""cols="" rows=""wrap="off/physical/virtual"></textarea>

    属性:

    name文本框的名称

    cols文本框的宽度

    rows文本框的高度

    wrap文本框的折行方式可选值有:

    off不保存换行信息

    physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,

    virtual送出连续成串的字除非使用者按回车。

    css 层叠样式表

    引入层叠样式表的方法包括:

    外联式样式表

    例:<head>

    <link rel="stylesheet"href="/css/default.css">

    </head>

    <body>

    ....

    </body>

    </html>

    属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址

    内嵌式样式表:

    例:<html>

    <head>

    <style type="text/css">

    <!--

    td{font:9pt;color:red}

    .font105{font:10.5pt;color:blue}

    -->

    </style>

    </head>

    <body>....</body>

    </html>

    元素内定

    格式:<pstyle="font-size:10.5pt">

    导入式样式表

    〈html>

    <head>

    <style type="text/css">

    <!--

    @import url(css/home.css);

    -->

    </style>

    <body>

    ....

    </body>

    </html>

    css的优先级

    越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义

    如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。

    css结构

    例:td{font-size:10.5pt;color:#666666}

    css样式包含两个基础部分,

    选择符<td>和声明{font-size:10.5pt;color:#666666}

    声明也有两部分组成:

    属性font-size,color和值10.5pt,#666666

    选择符分为6种

    1元素选择符

    当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;}

    2class(类)选择符

    例:〈head>

    <title>.....</title>

    <style type="text/css">

    <!--

    .red{font-size:10.5pt;color:#ff0000}

    -->

    </style>

    </head>

    <body bgcolor="#ffffff">

    <p class="red">士大夫井冈山地方官</p>

    <p>九连环离开计划</p>

    </body>

    还有一种方法就是限定可以应用它的页面元素

    例:〈head>

    <title>.....</title>

    <style type="text/css">

    <!--

    h1.red{color:#ff0000}

    -->

    </style>

    </head>

    <body bgcolor="#ffffff">

    <p class="red">士大夫井冈山地方官</p>

    <h1 class="red">九连环离开计划</h1>

    </body>

    3 id选择符

    与class选择附类似,只是把'.'换成'#'

    例:<body>

    <head>

    <style type="text/css">

    <!--

    #select{font-size:18px;color:#0000ff}

    -->

    </style>

    </head>

    <body>

    <table width="250"border="1" height="50">

    <tr>

    <td align="center"id="select">id选择符</td>

    </tr>

    </table>

    </body>

    </html>

    我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用

    关联选择符

    <body>

    <head>

    <style type="text/css">

    <!--

    td p{font-size:18px;color:#0000ff}

    -->

    </style>

    </head>

    <body>

    <table width="250"border="1" height="50">

    <tr>

    <tdalign="center"><p>关联选择符</p></td>

    </tr>

    </table>

    <p>关联选择符</p>

    </body>

    </html>

    我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用,

    伪类选择符

    是只能用在css选择符里,而不能用在html代码中的选择符

    例:

    〈html>

    <head>

    <style type="text/css">

    <!--

    a:link{color:#000000}

    a:visited{color:#cccccc}

    a:hover{color:#ff0000}

    a:active{color:#ooooff}

    -->

    </style>

    </head>

    <body>

    <p><a href="#">关联选择符</a><p>

    <p><a href="#">关联选择符</a><p>

    <p><a href="#">关联选择符</a><p>

    <p><a href="#">关联选择符</a><p>

    〈/body>

    </html>

    正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

    伪元素选择符

    与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

    例:首行

    <html>

    <head>

    <style>

    <!--

    p:first-line{color:red;font-size:20pt}

    -->

    </style>

    </hesd>

    <body>

    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

    </body>

    </html>

    长度随浏览器窗口大小而改变

    首字

    <html>

    <head>

    <style>

    <!--

    p:first-letter{color:red;font-size:50pt;float:left;}

    -->

    </style>

    </hesd>

    <body>

    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

    </body>

    </html>

    以上两种都只能应用于块状元素上

    css规则

    1.继承

    例:<html>

    <head>

    <style type="text/css">

    <!--

    td{font-size:12pt}

    p{color:red}

    -->

    </style>

    </hesd>

    <body>

    <table width="300"border="1" height="150">

    <tr>

    <td align="center">

    <p>css规则</p>

    </td>

    </table>

    </body>

    </html>

    <p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,

    2.组合

    例:td{font-size:12pt}

    p1{font-size:12pt}

    组合后

    td,.p1{font-size:12pt}

    3.层叠

    在样式里定义过后,在表格属性中又定义一次

    <html>

    <head>

    <style type="text/css">

    <!--

    red{color:#ff0000 limportant}

    -->

    </style>

    </hesd>

    <body>

    <table width="300"border="1" height="150">

    <tr>

    <td align="center"style="color:#0000ff" class="red">决撒地方官</td>

    </tr>

    </table>

    </body>

    </html>

    css单位

    分四大类:

    1 长度单位

    数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)

    换算关系:

    1in(英寸)=6pc(派)

    1in(英寸)=72pt(磅)

    1in(英寸)=2.54(厘米)

    1cm(厘米)=10mm(毫米)

    1cm(厘米)=0.3937(英寸)

    1pt(磅)=1/72in(英寸)=0.2478mm(毫米)

    1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸

    2 百分比单位

    3 颜色单位

    4 url单位

    div属性

    color : #999999   文字颜色

    font-family : 宋体 文字字型

    font-size : 10pt 文字大小

    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 加?h除线

    text-decoration:overline 加顶线

    text-decoration:underline 加底线

    text-decoration:none ?h除连接底线

    text-transform : capitalize 首字大写

    text-transform : uppercase 英文大写

    text-transform : lowercase 英文写

    text-align:right 文字*右对齐

    text-align:left 文字*左对齐

    text-align:center 文字置中对齐

    这些是一些简单的文字效果,可以应用到css的页面中。 

    背景

    background-color:black 背景颜色

    background-image : url(image/bg.gif) 背景图片

    background-attachment : fixed 固定背景

    background-repeat : repeat 重复排列-网页预设

    background-repeat : no-repeat 不重复排列

    background-repeat : repeat-x 在x轴重复排列

    background-repeat : repeat-y 在y轴重复排列

    background-position : 90% 90% 背景图片x与y轴的位置  

    链接

    A 所有超连接

    A:link 超连接文字格式

    A:visited 浏览过的连接文字格式

    A:active 按下连接的格式

    A:hover 鼠标移至连接

    边框

    border-top : 1px solid black 上框

    border-bottom : 1px solid #6699cc 下框

    border-left : 1px solid #6699cc 左框

    border-right : 1px solid #6699cc 右框

    border: 1px solid #6699cc 四边框

    虚线

    <TEXTAREA STYLE="border:1px dashedpink">

    实线

    <TEXTAREA STYLE="border:1px solidpink">


    <marquee>...</marquee>普通卷动

    <marqueebehavior=slide>...</marquee>滑动

    <marqueebehavior=scroll>...</marquee>预设卷动

    <marqueebehavior=alternate>...</marquee>来回卷动

    <marqueedirection=down>...</marquee>向下卷动

    <marquee direction=up>...</marquee>向上卷动

    <marqueedirection=right></marquee>向右卷动

    <marquee direction=’left’></marquee>向左卷动

    <marquee loop=2>...</marquee>卷动次数

    <marqueewidth=180>...</marquee>设定宽度

    <marqueeheight=30>...</marquee>设定高度

    <marqueebgcolor=FF0000>...</marquee>设定背景颜色

    <marqueescrollamount=30>...</marquee>设定滚动速度

    <marqueescrolldelay=300>...</marquee>设定卷动时间

    <marqueeοnmοuseοver="this.stop()">...</marquee>鼠标经过上面时停止滚动

    <marqueeοnmοuseοver="this.start()">...</marquee>鼠标离开时开始滚动


    展开全文
  • HTML常用标签和属性大全

    万次阅读 多人点赞 2018-08-18 09:52:04
    目录 ...lt;... align 属性 列表  1无序列表又称符号列表 2有序列表 3定义列表 name 连接名称 target目标窗口语法格式: 图像 语法格式: font元素 表格语法格式: tr元素 ...

     

    目录

    回到顶部

    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 οnmοuseοver="this.stop()">...</marquee>鼠标经过上面时停止滚动

    <marquee οnmοuseοver="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 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。

     

    rows 就是横向切割,将窗口上下分开,数值设置同上。

     

    以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。

     

    frameborder 设置框架的边框,其值有0不要边框,1要边框。

     

    border 设置框架边框厚度

     

    framespacing 表示框架与框架间保留空白的距离

     

    frame 元素(单标签)

     

    语法格式:

     

    <frame name="" src="url" scrolling="yes/no" noresize>

     

    属性:

     

    name 框架名称,指定框架来做连接的目标窗口。

     

    src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。

     

    scrolling 是否显示滚动条,yes/no,auto是自动。

     

    noresize 设置不让使用者改变这个框架的大小,

     

    noframe元素

     

    指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

     

    语法格式:

     

    <noframe>

     

    ......

     

    </noframe>

     

    回到顶部

    表单<form></form>

     

    语法格式:

     

    <form action="url" method="get/post">

     

    ....

     

    <input type=submit><input type=reset>

     

    </form>

     

    method有两种提交方式get,post

     

    action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。

     

    method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。

     

    申请表单用的是post搜索引擎用的是get

     

     

     

    <! - - ... - -> 注解

     

    <A HREF TARGET> 指定超连结的分割视窗

     

    <A HREF=#锚的名称> 指定锚名称的超连结

     

    <A HREF> 指定超连结

     

    <A NAME=锚的名称> 被连结点的名称

     

    <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

     

    <B> 粗体字

     

    <BASE TARGET> 指定超连结的分割视窗

     

    <BASEFONT SIZE> 更改预设字形大小

     

    <BGSOUND SRC> 加入背景音乐

     

    <BIG> 显示大字体

     

    <BLINK> 闪烁的文字

     

    <BODY TEXT LINK VLINK> 设定文字颜色

     

    <BODY> 显示本文

     

    <BR> 换行

     

    <CAPTION ALIGN> 设定表格标题位置

     

    <CAPTION>...</CAPTION> 为表格加上标题

     

    <CENTER> 向中对齐

     

    <CITE>...<CITE> 用於引经据典的文字

     

    <CODE>...</CODE> 用於列出一段程式码

     

    <COMMENT>...</COMMENT> 加上注解

     

    <DD> 设定定义列表的项目解说

     

    <DFN>...</DFN> 显示"定义"文字

     

    <DIR>...</DIR> 列表文字标签

     

    <DL>...</DL> 设定定义列表的标签

     

    <DT> 设定定义列表的项目

     

    <EM> 强调之用

     

    <FONT FACE> 任意指定所用的字形

     

    <FONT SIZE> 设定字体大小

     

    <FORM ACTION> 设定户动式表单的处理方式

     

    <FORM METHOD> 设定户动式表单之资料传送方式

     

    <FRame MARGINHEIGHT> 设定视窗的上下边界

     

    <FRame MARGINWIDTH> 设定视窗的左右边界

     

    <FRame NAME> 为分割视窗命名

     

    <FRame NORESIZE> 锁住分割视窗的大小

     

    <FRame SCROLLING> 设定分割视窗的卷轴

     

    <FRame SRC> 将HTML档加入视窗

     

    <FRameSET COLS> 将视窗分割成左右的子视窗

     

    <FRameSET ROWS> 将视窗分割成上下的子视窗

     

    <FRameSET>...</FRameSET> 划分分割视窗

     

    <H1>~<H6> 设定文字大小

     

    <HEAD> 标示文件资讯

     

    <HR> 加上分格线

     

    <HTML> 文件的开始与结束

     

    <I> 斜体字

     

    <IMG ALIGN> 调整图形影像的位置

     

    <IMG ALT> 为你的图形影像加注

     

    <IMG DYNSRC LOOP> 加入影片

     

    <IMG HEIGHT WIDTH> 插入图片并预设图形大小

     

    <IMG HSPACE> 插入图片并预设图形的左右边界

     

    <IMG LOWSRC> 预载图片功能

     

    <IMG SRC BORDER> 设定图片边界

     

    <IMG SRC> 插入图片

     

    <IMG VSPACE> 插入图片并预设图形的上下边界

     

    <INPUT TYPE NAME value> 在表单中加入输入栏位

     

    <ISINDEX> 定义查询用表单

     

    <KBD>...</KBD> 表示使用者输入文字

     

    <LI TYPE>...</LI> 列表的项目 ( 可指定符号 )

     

    <MARQUEE> 跑马灯效果

     

    <MENU>...</MENU> 条列文字标签

     

    <meta NAME="REFRESH" CONTENT URL> 自动更新文件内容

     

    <MULTIPLE> 可同时选择多项的列表栏

     

    <NOFRame> 定义不出现分割视窗的文字

     

    <OL>...</OL> 有序号的列表

     

    <OPTION> 定义表单中列表栏的项目

     

    <P ALIGN> 设定对齐方向

     

    <P> 分段

     

    <PERSON>...</PERSON> 显示人名

     

    <PRE> 使用原有排列

     

    <SAMP>...</SAMP> 用於引用字

     

    <select >...</select > 在表单中定义列表栏

     

    <SMALL> 显示小字体

     

    <STRIKE> 文字加横线

     

    <STRONG> 用於加强语气

     

    <SUB> 下标字

     

    <SUP> 上标字

     

    <TABLE BORDER=n> 调整表格的宽线高度

     

    <TABLE CELLPADDING> 调整资料栏位之边界

     

    <TABLE CELLSPACING> 调整表格线的宽度

     

    <TABLE HEIGHT> 调整表格的高度

     

    <TABLE WIDTH> 调整表格的宽度

     

    <TABLE>...</TABLE> 产生表格的标签

     

    <TD ALIGN> 调整表格栏位之左右对齐

     

    <TD BGCOLOR> 设定表格栏位之背景颜色

     

    <TD COLSPAN ROWSPAN> 表格栏位的合并

     

    <TD NOWRAP> 设定表格栏位不换行

     

    <TD VALIGN> 调整表格栏位之上下对齐

     

    <TD WIDTH> 调整表格栏位宽度

     

    <TD>...</TD> 定义表格的资料栏位

     

    <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏

     

    <TEXTAREA WRAP> 决定文字输入栏是自动否换行

     

    <TH>...</TH> 定义表格的标头栏位

     

    <TITLE> 文件标题

     

    <TR>...</TR> 定义表格美一行

     

    <TT> 打字机字体

     

    <U> 文字加底线

     

    <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )

     

    <var>...</var> 用於显示变数

     

    BlockQuotc文本缩进

     

    回到顶部

    表示颜色的有三种方式;

     

    1,16进制颜色代码

     

    语法:#RRGGBB

     

    例:<font color="#ff0000">红色</font>

     

    2,10进制RGB码

     

    语法:RGB(RRR,GGG,BBB)

     

    例:<font color="rgb(255,000,000)">红色</font>

     

    3,直接用颜色的英文名称

     

    例:<font color="red">红色</font>

     

    回到顶部

    <body>.....</body>属性可分为三种:

     

    1,背景属性

     

    包括:bgcolor,background

     

    2,文字属性:

     

    包括:text,link,alink,vlink,

     

    3,留白属性:

     

    其中分为:leftmargin,topmargin

     

    .bgcolor背景色

     

    语法格式:<body bgcolor="#ff0000">

     

    .background背景图案。

     

    语法格式:<body background="url">

     

    .text文本颜色(非连接文字颜色)

     

    .link连接文字颜色(可连接文字颜色)

     

    .alink活动连接文字颜色(正被点击的可连接文字的颜色)

     

    .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)

     

    语法格式:<body text="color" link="color" alink="color" vlink="color">

     

    .leftmargin 页面左侧的留白距离

     

    .topmargin 页面顶部的留白距离

     

    语法格式:<body leftmargin="value" topmargin="value">

     

    注:value为长度值为数字

     

    align 属性

     

    语法:<h2 align="?">文字</h2>

     

    其属性有三种:left靠左,center居中,right靠右

     

    〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置

     

    〈br>为换行标记

     

    <nobr></nobr>为不换行标记 放在文字两边即可

     

    例:<body>

     

    <h3>江南逢李龟年</h3>

     

    <p>歧王宅里寻常见<br>

     

    催九堂前几度闻<br>

     

    正是江南好风景<br>

     

    落花时节又逢君</p>

     

    </body>

     

    预格式化:

     

    <pre>......</pre> 浏览是效果和编写是效果格式一样

     

    回到顶部

    列表 

     

    1无序列表又称符号列表

     

    语法格式:

     

    <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框

     

    <li>文字</li>

     

    <li>文字</li>

     

    </ul>

     

    2有序列表

     

    语法格式:

     

    <ol type="?" start"?">

     

    <li>文字</li>

     

    <li>文字</li>

     

    </ol>

     

    type的值是编号字符可选的有1...,a...,A...,i... ,I...

     

    start为起始值例:如果start为3是那么将从3开始,而且必须是数字。

     

    3定义列表

     

    <dl>定义列表标记

     

    <dt>标示定义条目

     

    <dd>标示定义内容

     

    语法格式:

     

    <dl>

     

    <dt>文字</dt>

     

    <dd>文字内容</dd>

     

    </dl>

     

    连接和图像

     

    语法格式:

     

    <a href="url" name="?" target="?" title="?">....</a>

     

    属性:href 连接目标 值可以是url地址也可以是连接锚点

     

    <a href="url">...</a>或者

     

    <a href="锚点">...</a>

     

    回到顶部

    name 连接名称

     

    语法格式:<a name="锚点名称">...</a>

     

    例:<a name="abcdcf">...</a>

     

    连接到该锚点的连接则应是:

     

    <a name="#abcdef">....</a>

     

    回到顶部

    target目标窗口语法格式

     

    <a href="url"target="_blank|_self|_farent|_top|windowname">....</a>

     

    -blank打开新窗口

     

    _self当前窗口打开

     

    一下两个仅在框架叶面中应用

     

    _parent当前窗口的父级窗口(上一级)打开

     

    _top在最高一级的窗口打开

     

    windowname已命名的窗口或框架中打开连接

     

    title连接提示

     

    <a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a>

     

    回到顶部

    图像<img> 语法格式:

     

    <img src="url" alt="?" width="?" height="?" border="?" align="?">

     

    border属性定义图片边框的宽度,默认值为0

     

    align属性设置图片旁边文字的位置

     

    语法格式:<img src="" align"">

     

    可选值有:

     

    top图片和文字顶部对齐

     

    middle图片和文字居中对齐

     

    bottom图片和文字底边对齐(默认)

     

    left图片居左对齐,文字沿图片绕排

     

    right图片居右对齐,文字沿图片绕排

     

    absmiddle图片对齐到目前文字行绝对中央

     

    absbottom图片对齐到目前文字行绝对底部

     

    文字的排版

     

    不换行空白标记

     

    回到顶部

    font元素

     

    语法格式:

     

    <font face="字体名称" size="字体大小" color="字体颜色">

     

    字体大小可选值为1——7,默认为3

     

    例:〈font face="黑体" size="4" color="#ff00ff">....</font>

     

    水平线<hr>

     

    语法格式:<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>

     

    noshade无阴影,既实线

     

    层〈div><span>两种元素

     

    <div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行,

     

    <span>是行内元素,可以定义段落中部分文字的属性

     

    语法格式:

     

    <div align="" style="">...</div>

     

    align设置层中元素的水平对齐方式

     

    stule设置元素应用css规范的属性

     

    <div>兼容性比<span>要好一点,最好使用<div>

     

    回到顶部

    表格语法格式

     

    <table width="" bgcolor="" background="" border="" cellspacing="" cellpadding="">

     

    <tr>...<td>....</td>....</tr>

     

    </table>

     

    border边框宽度默认值为0,既没有边框

     

    cellspacing表格中单元格的边距大小,默认值为两个像素

     

    cellpadding表格中单元格之间的间距大小,默认值为两个像素

     

    tr元素

     

    语法格式:

     

    <tr align="" bgcolor="">....</tr>

     

    align属性对齐方式可选值如下:left,center,tight,默认为left

     

    bgcolor指定该行的背景颜色

     

    td元素

     

    语法格式:

     

    <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td>

     

    align属性的可选值有:left,center,right

     

    valign属性的可选值有:top,middle,bottom

     

    rowspan和colapan跨行和跨列的数量,默认为1

     

    回到顶部

    input元素 语法格式:

     

    <input type="">

     

    type属性的可选值有:

     

    text 单行文本框

     

    属性:name 文本框名称

     

    value 文本框的初始值

     

    size 文本框的长度

     

    maxlength 可输入字符串最大的长度

     

    radio 单选框

     

    属性:name 单选框名称

     

    value 内部值

     

    checked 默认选定

     

    checkbox 复选框

     

    属性:name 复选框名称

     

    value 内部值

     

    checked 默认选定

     

    reset 重置按钮

     

    submit 确定按钮

     

    属性:name 按钮名称

     

    value 显示在按钮上的文字

     

    password 密码框

     

    属性与文本框的属性完全相同

     

    file 文件域

     

    属性:name文件域名称

     

    size 文件域的长度

     

    maxlength 文件域可接受的字符数量的上限

     

    hidden 隐藏域

     

    属性:name 隐藏域名称

     

    value 内定值

     

    image 图片域

     

    属性:name 所要代表的按钮,可以是submit,reset,或其他.

     

    src 按钮图片的url 地址

     

    列表框<select>

     

    语法格式:

     

    <select>

     

    .....

     

    <option>....</option>

     

    .....

     

    </select>

     

    回到顶部

    select元素

     

    语法格式:<select name="" size=""multiple></select>

     

    name 指定列表框的名字

     

    size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框

     

    multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项

     

    option属性

     

    语法格式:<option value="" selected></option>

     

    value 该列表项的值

     

    selected 如果设定了这个参数,默认为选定这一项

     

    回到顶部

    多行文本框<textarea>

     

    <textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea>

     

    属性:

     

    name文本框的名称

     

    cols文本框的宽度

     

    rows文本框的高度

     

    wrap文本框的折行方式可选值有:

     

    off不保存换行信息

     

    physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,

     

    virtual送出连续成串的字除非使用者按回车。

     

    回到顶部

    css 层叠样式表

     

    引入层叠样式表的方法包括:

     

    外联式样式表

     

    例:<head>

     

    <link rel="stylesheet" href="/css/default.css">

     

    </head>

     

    <body>

     

    ....

     

    </body>

     

    </html>

     

    属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址

     

    内嵌式样式表:

     

    例:<html>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    td{font:9pt;color:red}

     

    .font105{font:10.5pt;color:blue}

     

    -->

     

    </style>

     

    </head>

     

    <body>....</body>

     

    </html>

     

    元素内定

     

    格式:<p style="font-size:10.5pt">

     

    导入式样式表

     

    〈html>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    @import url(css/home.css);

     

    -->

     

    </style>

     

    <body>

     

    ....

     

    </body>

     

    </html>

     

    css的优先级

     

    越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义

     

    如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。

     

    css结构

     

    例:td{font-size:10.5pt;color:#666666}

     

    css样式包含两个基础部分,

     

    选择符<td>和声明{font-size:10.5pt;color:#666666}

     

    声明也有两部分组成:

     

    属性font-size,color和值10.5pt,#666666

     

    选择符分为6种

     

    1元素选择符

     

    当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;}

     

    2class(类)选择符

     

    例:〈head>

     

    <title>.....</title>

     

    <style type="text/css">

     

    <!--

     

    .red{font-size:10.5pt;color:#ff0000}

     

    -->

     

    </style>

     

    </head>

     

    <body bgcolor="#ffffff">

     

    <p class="red">士大夫井冈山地方官</p>

     

    <p>九连环离开计划</p>

     

    </body>

     

    还有一种方法就是限定可以应用它的页面元素

     

    例:〈head>

     

    <title>.....</title>

     

    <style type="text/css">

     

    <!--

     

    h1.red{color:#ff0000}

     

    -->

     

    </style>

     

    </head>

     

    <body bgcolor="#ffffff">

     

    <p class="red">士大夫井冈山地方官</p>

     

    <h1 class="red">九连环离开计划</h1>

     

    </body>

     

    3 id选择符

     

    与class选择附类似,只是把'.'换成'#'

     

    例:<body>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    #select{font-size:18px;color:#0000ff}

     

    -->

     

    </style>

     

    </head>

     

    <body>

     

    <table width="250" border="1" height="50">

     

    <tr>

     

    <td align="center" id="select">id选择符</td>

     

    </tr>

     

    </table>

     

    </body>

     

    </html>

     

    我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用

     

    关联选择符

     

    <body>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    td p{font-size:18px;color:#0000ff}

     

    -->

     

    </style>

     

    </head>

     

    <body>

     

    <table width="250" border="1" height="50">

     

    <tr>

     

    <td align="center"><p>关联选择符</p></td>

     

    </tr>

     

    </table>

     

    <p>关联选择符</p>

     

    </body>

     

    </html>

     

    我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用,

     

    伪类选择符

     

    是只能用在css选择符里,而不能用在html代码中的选择符

     

    例:

     

    〈html>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    a:link{color:#000000}

     

    a:visited{color:#cccccc}

     

    a:hover{color:#ff0000}

     

    a:active{color:#ooooff}

     

    -->

     

    </style>

     

    </head>

     

    <body>

     

    <p><a href="#">关联选择符</a><p>

     

    <p><a href="#">关联选择符</a><p>

     

    <p><a href="#">关联选择符</a><p>

     

    <p><a href="#">关联选择符</a><p>

     

    〈/body>

     

    </html>

     

    正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

     

    伪元素选择符

     

    与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

     

    例:首行

     

    <html>

     

    <head>

     

    <style>

     

    <!--

     

    p:first-line{color:red;font-size:20pt}

     

    -->

     

    </style>

     

    </hesd>

     

    <body>

     

    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

     

    </body>

     

    </html>

     

    长度随浏览器窗口大小而改变

     

    首字

     

    <html>

     

    <head>

     

    <style>

     

    <!--

     

    p:first-letter{color:red;font-size:50pt;float:left;}

     

    -->

     

    </style>

     

    </hesd>

     

    <body>

     

    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

     

    </body>

     

    </html>

     

    以上两种都只能应用于块状元素上

     

    回到顶部

    css规则

     

    1.继承

     

    例:<html>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    td{font-size:12pt}

     

    p{color:red}

     

    -->

     

    </style>

     

    </hesd>

     

    <body>

     

    <table width="300" border="1" height="150">

     

    <tr>

     

    <td align="center">

     

    <p>css规则</p>

     

    </td>

     

    </table>

     

    </body>

     

    </html>

     

    <p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,

     

    2.组合

     

    例:td{font-size:12pt}

     

    p1{font-size:12pt}

     

    组合后

     

    td,.p1{font-size:12pt}

     

    3.层叠

     

    在样式里定义过后,在表格属性中又定义一次

     

    <html>

     

    <head>

     

    <style type="text/css">

     

    <!--

     

    red{color:#ff0000 limportant}

     

    -->

     

    </style>

     

    </hesd>

     

    <body>

     

    <table width="300" border="1" height="150">

     

    <tr>

     

    <td align="center" style="color:#0000ff" class="red">决撒地方官</td>

     

    </tr>

     

    </table>

     

    </body>

     

    </html>

     

    css单位

     

    分四大类:

     

    1 长度单位

     

    数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)

     

    换算关系:

     

    1in(英寸)=6pc(派)

     

    1in(英寸)=72pt(磅)

     

    1in(英寸)=2.54(厘米)

     

    1cm(厘米)=10mm(毫米)

     

    1cm(厘米)=0.3937(英寸)

     

    1pt(磅)=1/72in(英寸)=0.2478mm(毫米)

     

    1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸

     

    2 百分比单位

     

    3 颜色单位

     

    4 url单位

     

    回到顶部

    div属性

     

    color : #999999   文字颜色

     

    font-family : 宋体 文字字型

     

    font-size : 10pt 文字大小

     

    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 加?h除线

     

    text-decoration:overline 加顶线

     

    text-decoration:underline 加底线

     

    text-decoration:none ?h除连接底线

     

    text-transform : capitalize 首字大写

     

    text-transform : uppercase 英文大写

     

    text-transform : lowercase 英文写

     

    text-align:right 文字*右对齐

     

    text-align:left 文字*左对齐

     

    text-align:center 文字置中对齐

     

    这些是一些简单的文字效果,可以应用到css的页面中。 

     

    回到顶部

    背景

     

    TEXTAREA STYLE="border:1px dashed pink">

     

    实线

     

    <TEXTAREA STYLE="border:1px solid pink">

    展开全文
  • #HTML各标签属性大全

    千次阅读 2018-10-30 17:03:46
    转载:作者:独家记忆0408 来源:CSDN 原文:https://blog.csdn.net/u013519551/article/details/52525855 可以点击进入原文查看 &amp;amp;amp;amp;lt;!&amp;...................................................

    转载:作者:独家记忆0408
    来源:CSDN
    原文:https://blog.csdn.net/u013519551/article/details/52525855
    可以点击进入原文查看

    <!>字体效果 
    <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音乐档位址>背景音乐设定 
    <img src=图片位址 title='图片注释'>图片正常显示的时候鼠标放到图片上时显示的文字
    (补充:)align:值有left、right、top(图片顶部与文字对齐)、bottom(图片底部与文字对齐)
    middle(图片中间与文字对齐)
    
    <!>表格语法 
    <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 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。
    rows 就是横向切割,将窗口上下分开,数值设置同上。 
    以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。
    
    frameborder 设置框架的边框,其值有0不要边框,1要边框。 
    border 设置框架边框厚度
    framespacing 表示框架与框架间保留空白的距离
    frame 元素(单标签)
    语法格式: 
    <frame name=""src="url" scrolling="yes/no" noresize>
    
    属性: 
    name 框架名称,指定框架来做连接的目标窗口。
    src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。 
    scrolling 是否显示滚动条,yes/no,auto是自动。 
    noresize 设置不让使用者改变这个框架的大小,
    noframe元素 
    指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 
    语法格式: 
    <noframe> 
    ...... 
    </noframe> 
    表单<form></form> 
    语法格式: 
    <form action="url"method="get/post"> 
    .... 
    <input type=submit><inputtype=reset> 
    </form> 
    method有两种提交方式get,post 
    action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@163.com"这样此表单所填的资料将会发送到这个邮箱地址。
    
    method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。
    
    申请表单用的是post搜索引擎用的是get 
     
    <!- - ... - -> 注解 
    <A HREF TARGET> 指定超连结的分割视窗 
    <A HREF=#锚的名称> 指定锚名称的超连结 
    <A HREF> 指定超连结 
    <A NAME=锚的名称> 被连结点的名称 
    <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 
    <B> 粗体字
    <BASE TARGET> 指定超连结的分割视窗 
    <BASEFONT SIZE> 更改预设字形大小 
    <BGSOUND SRC> 加入背景音乐 
    <BIG> 显示大字体
    <BLINK> 闪烁的文字 
    <BODY TEXT LINK VLINK> 设定文字颜色 
    <BODY> 显示本文
    <BR> 换行
    <CAPTION ALIGN> 设定表格标题位置 
    <CAPTION>...</CAPTION> 为表格加上标题 
    <CENTER> 向中对齐 
    <CITE>...<CITE> 用於引经据典的文字 
    <CODE>...</CODE> 用於列出一段程式码 
    <COMMENT>...</COMMENT> 加上注解 
    <DD> 设定定义列表的项目解说
    <DFN>...</DFN> 显示"定义"文字 
    <DIR>...</DIR> 列表文字标签 
    <DL>...</DL> 设定定义列表的标签 
    <DT> 设定定义列表的项目
    <EM> 强调之用
    <FONT FACE> 任意指定所用的字形 
    <FONT SIZE> 设定字体大小 
    <FORM ACTION> 设定户动式表单的处理方式 
    <FORM METHOD> 设定户动式表单之资料传送方式 
    <FRame MARGINHEIGHT> 设定视窗的上下边界 
    <FRame MARGINWIDTH> 设定视窗的左右边界 
    <FRame NAME> 为分割视窗命名 
    <FRame NORESIZE> 锁住分割视窗的大小 
    <FRame SCROLLING> 设定分割视窗的卷轴 
    <FRame SRC> 将HTML档加入视窗
    <FRameSET COLS> 将视窗分割成左右的子视窗 
    <FRameSET ROWS> 将视窗分割成上下的子视窗 
    <FRameSET>...</FRameSET> 划分分割视窗 
    <H1>~<H6> 设定文字大小 
    <HEAD> 标示文件资讯
    <HR> 加上分格线
    <HTML> 文件的开始与结束
    
    <I> 斜体字
    <IMG ALIGN> 调整图形影像的位置 
    <IMG ALT> 为你的图形影像加注 
    <IMG DYNSRC LOOP> 加入影片 
    <IMG HEIGHT WIDTH> 插入图片并预设图形大小 
    <IMG HSPACE> 插入图片并预设图形的左右边界 
    <IMG LOWSRC> 预载图片功能 
    <IMG SRC BORDER> 设定图片边界 
    <IMG SRC> 插入图片 
    <IMG VSPACE> 插入图片并预设图形的上下边界 
    <INPUT TYPE NAME value> 在表单中加入输入栏位 
    <ISINDEX> 定义查询用表单 
    <KBD>...</KBD> 表示使用者输入文字 
    <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) 
    <MARQUEE> 跑马灯效果 
    <MENU>...</MENU> 条列文字标签 
    <meta NAME="REFRESH" CONTENTURL> 自动更新文件内容 
    
    <MULTIPLE> 可同时选择多项的列表栏 
    <NOFRame> 定义不出现分割视窗的文字 
    <OL>...</OL> 有序号的列表 
    <OPTION> 定义表单中列表栏的项目 
    <P ALIGN> 设定对齐方向 
    <P> 分段
    <PERSON>...</PERSON> 显示人名 
    <PRE> 使用原有排列
    <SAMP>...</SAMP> 用於引用字 
    <select >...</select > 在表单中定义列表栏 
    <SMALL> 显示小字体 
    <STRIKE> 文字加横线 
    <STRONG> 用於加强语气 
    <SUB> 下标字
    <SUP> 上标字
    <TABLE BORDER=n> 调整表格的宽线高度 
    <TABLE CELLPADDING> 调整资料栏位之边界 
    <TABLE CELLSPACING> 调整表格线的宽度 
    <TABLE HEIGHT> 调整表格的高度 
    <TABLE WIDTH> 调整表格的宽度 
    <TABLE>...</TABLE> 产生表格的标签 
    <TD ALIGN> 调整表格栏位之左右对齐 
    <TD BGCOLOR> 设定表格栏位之背景颜色 
    <TD COLSPAN ROWSPAN> 表格栏位的合并 
    <TD NOWRAP> 设定表格栏位不换行 
    <TD VALIGN> 调整表格栏位之上下对齐 
    <TD WIDTH> 调整表格栏位宽度 
    <TD>...</TD> 定义表格的资料栏位 
    <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 
    <TEXTAREA WRAP> 决定文字输入栏是自动否换行 
    <TH>...</TH> 定义表格的标头栏位 
    <TITLE> 文件标题 
    <TR>...</TR> 定义表格美一行 
    <TT> 打字机字体
    <U> 文字加底线
    <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) 
    <var>...</var> 用於显示变数 
    BlockQuotc文本缩进
    表示颜色的有三种方式; 
    1,16进制颜色代码 
    语法:#RRGGBB 
    例:<fontcolor="#ff0000">红色</font> 
    2,10进制RGB码 
    语法:RGB(RRR,GGG,BBB) 
    例:<fontcolor="rgb(255,000,000)">红色</font> 
    
    3,直接用颜色的英文名称
    例:<fontcolor="red">红色</font> 
    <body>.....</body>属性可分为三种: 
    1,背景属性
    包括:bgcolor,background
    2,文字属性:
    包括:text,link,alink,vlink,
    3,留白属性:
    其中分为:leftmargin,topmargin
    .bgcolor背景色
    语法格式:<bodybgcolor="#ff0000"> 
    .background背景图案。
    语法格式:<bodybackground="url"> 
    .text文本颜色(非连接文字颜色)
    .link连接文字颜色(可连接文字颜色)
    .alink活动连接文字颜色(正被点击的可连接文字的颜色)
    .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
    语法格式:<bodytext="color" link="color" alink="color"vlink="color">
    
    .leftmargin 页面左侧的留白距离
    .topmargin 页面顶部的留白距离
    语法格式:<bodyleftmargin="value" topmargin="value"> 
    
    注:value为长度值为数字 
    align属性
    语法:<h2align="?">文字</h2> 
    其属性有三种:left靠左,center居中,right靠右 
    〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置 
    〈br>为换行标记 
    <nobr></nobr>为不换行标记 放在文字两边即可 
    例:<body>
    <h3>江南逢李龟年</h3> 
    <p>歧王宅里寻常见<br> 
    催九堂前几度闻<br>
    正是江南好风景<br>
    落花时节又逢君</p>
    </body> 
    预格式化: 
    <pre>......</pre> 浏览是效果和编写是效果格式一样 
    列表 
    1无序列表又称符号列表 
    语法格式: 
    <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
    
    <li>文字</li> 
    <li>文字</li> 
    </ul> 
    2有序列表 
    语法格式: 
    <ol type="?"start"?"> 
    <li>文字</li> 
    <li>文字</li> 
    </ol> 
    type的值是编号字符可选的有1...,a...,A...,i... ,I... 
    start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
    3定义列表 
    <dl>定义列表标记
    <dt>标示定义条目
    <dd>标示定义内容
    语法格式: 
    <dl> 
    <dt>文字</dt> 
    <dd>文字内容</dd> 
    </dl> 
    连接和图像 
    语法格式: 
    <a href="url"name="?" target="?" title="?">....</a>
    
    属性:href 连接目标 值可以是url地址也可以是连接锚点 
    <a href="url">...</a>或者 
    <a href="锚点">...</a> 
    name连接名称
    语法格式:<aname="锚点名称">...</a>
    例:<aname="abcdcf">...</a> 
    连接到该锚点的连接则应是: 
    <aname="#abcdef">....</a> 
    target目标窗口语法格式: 
    <a href="url"target="_blank|_self|_farent|_top|windowname">....</a>
    -blank打开新窗口
    _self当前窗口打开
    一下两个仅在框架叶面中应用 
    _parent当前窗口的父级窗口(上一级)打开
    _top在最高一级的窗口打开
    windowname已命名的窗口或框架中打开连接
    title连接提示
    <ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a>
    
    图像<img> 语法格式:
    <img src="url" alt="?"width="?" height="?" border="?"align="?">
    
    border属性定义图片边框的宽度,默认值为0 
    align属性设置图片旁边文字的位置
    语法格式:<imgsrc="" align""> 
    可选值有: 
    top图片和文字顶部对齐
    middle图片和文字居中对齐
    bottom图片和文字底边对齐(默认)
    left图片居左对齐,文字沿图片绕排
    right图片居右对齐,文字沿图片绕排
    absmiddle图片对齐到目前文字行绝对中央
    absbottom图片对齐到目前文字行绝对底部
    文字的排版 
    不换行空白标记 
    font元素 
    语法格式: 
    <font face="字体名称" size="字体大小" color="字体颜色"> 
    
    字体大小可选值为1——7,默认为3 
    例:〈fontface="黑体"size="4" color="#ff00ff">....</font>
    
    水平线<hr> 
    语法格式:<hrwidth="宽度"align="对齐方式默认居中center"size="水平线厚度默认为2"color="颜色"noshade>
    
    noshade无阴影,既实线
    层〈div><span>两种元素 
    <div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行,
    
    <span>是行内元素,可以定义段落中部分文字的属性
    语法格式: 
    <div align=""style="">...</div> 
    align设置层中元素的水平对齐方式
    stule设置元素应用css规范的属性 
    <div>兼容性比<span>要好一点,最好使用<div> 
    表格语法格式: 
    <table width="" bgcolor=""background="" border="" cellspacing=""cellpadding="">
    
    <tr>...<td>....</td>....</tr>
    </table> 
    border边框宽度默认值为0,既没有边框 
    cellspacing表格中单元格的边距大小,默认值为两个像素
    cellpadding表格中单元格之间的间距大小,默认值为两个像素
    tr元素 
    语法格式: 
    <tr align=""bgcolor="">....</tr> 
    align属性对齐方式可选值如下:left,center,tight,默认为left 
    
    bgcolor指定该行的背景颜色
    td元素 
    语法格式: 
    <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td>
    
    align属性的可选值有:left,center,right 
    valign属性的可选值有:top,middle,bottom 
    rowspan和colapan跨行和跨列的数量,默认为1 
    input元素 语法格式:
    <input type=""> 
    type属性的可选值有:
    text 单行文本框
    属性:name 文本框名称 
    value 文本框的初始值
    size 文本框的长度
    maxlength 可输入字符串最大的长度
    radio 单选框
    属性:name 单选框名称 
    value 内部值
    checked 默认选定
    checkbox 复选框
    属性:name 复选框名称 
    value 内部值
    checked 默认选定
    reset 重置按钮
    submit 确定按钮
    属性:name 按钮名称 
    value 显示在按钮上的文字
    password 密码框
    属性与文本框的属性完全相同 
    file 文件域
    属性:name文件域名称 
    size 文件域的长度
    maxlength 文件域可接受的字符数量的上限
    hidden 隐藏域
    属性:name 隐藏域名称 
    value 内定值
    image 图片域
    属性:name 所要代表的按钮,可以是submit,reset,或其他. 
    src 按钮图片的url 地址 
    列表框<select>
    语法格式: 
    <select> 
    ..... 
    <option>....</option> 
    ..... 
    </select> 
    select元素 
    语法格式:<selectname="" size=""multiple></select> 
    
    name 指定列表框的名字
    size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
    
    multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
    option属性 
    语法格式:<optionvalue="" selected></option> 
    value 该列表项的值
    selected 如果设定了这个参数,默认为选定这一项
    多行文本框<textarea> 
    <textarea name=""cols="" rows=""wrap="off/physical/virtual"></textarea>
    
    属性: 
    name文本框的名称
    cols文本框的宽度
    rows文本框的高度
    wrap文本框的折行方式可选值有:
    off不保存换行信息
    physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出, 
    
    virtual送出连续成串的字除非使用者按回车。
    css 层叠样式表 
    引入层叠样式表的方法包括: 
    外联式样式表 
    例:<head>
    <link rel="stylesheet"href="/css/default.css"> 
    
    </head> 
    <body> 
    .... 
    </body> 
    </html> 
    属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
    内嵌式样式表: 
    例:<html>
    <head> 
    <style type="text/css"> 
    <!-- 
    td{font:9pt;color:red} 
    .font105{font:10.5pt;color:blue} 
    --> 
    </style> 
    </head> 
    <body>....</body> 
    </html> 
    元素内定 
    格式:<pstyle="font-size:10.5pt"> 
    导入式样式表 
    〈html> 
    <head> 
    <style type="text/css"> 
    <!-- 
    @import url(css/home.css); 
    --> 
    </style> 
    <body> 
    .... 
    </body> 
    </html> 
    css的优先级
    越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
    如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
    css结构 
    例:td{font-size:10.5pt;color:#666666}
    css样式包含两个基础部分,
    选择符<td>和声明{font-size:10.5pt;color:#666666} 
    
    声明也有两部分组成: 
    属性font-size,color和值10.5pt,#666666 
    选择符分为6种 
    1元素选择符
    当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;}
    2class(类)选择符 
    例:〈head> 
    <title>.....</title> 
    <style type="text/css"> 
    <!-- 
    .red{font-size:10.5pt;color:#ff0000} 
    --> 
    </style> 
    </head> 
    <body bgcolor="#ffffff"> 
    <p class="red">士大夫井冈山地方官</p> 
    <p>九连环离开计划</p> 
    </body> 
    还有一种方法就是限定可以应用它的页面元素 
    例:〈head> 
    <title>.....</title> 
    <style type="text/css"> 
    <!-- 
    h1.red{color:#ff0000} 
    --> 
    </style> 
    </head> 
    <body bgcolor="#ffffff"> 
    <p class="red">士大夫井冈山地方官</p> 
    <h1 class="red">九连环离开计划</h1> 
    </body> 
    3 id选择符
    与class选择附类似,只是把'.'换成'#' 
    例:<body>
    <head> 
    <style type="text/css"> 
    <!-- 
    #select{font-size:18px;color:#0000ff} 
    --> 
    </style> 
    </head> 
    <body> 
    <table width="250"border="1" height="50"> 
    
    <tr> 
    <td align="center"id="select">id选择符</td> 
    </tr> 
    </table> 
    </body> 
    </html> 
    我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用
    
    关联选择符 
    <body> 
    <head> 
    <style type="text/css"> 
    <!-- 
    td p{font-size:18px;color:#0000ff} 
    --> 
    </style> 
    </head> 
    <body> 
    <table width="250"border="1" height="50"> 
    
    <tr> 
    <tdalign="center"><p>关联选择符</p></td> 
    </tr> 
    </table> 
    <p>关联选择符</p> 
    </body> 
    </html> 
    我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用, 
    
    伪类选择符 
    是只能用在css选择符里,而不能用在html代码中的选择符 
    例: 
    〈html> 
    <head> 
    <style type="text/css"> 
    <!-- 
    a:link{color:#000000} 
    a:visited{color:#cccccc} 
    a:hover{color:#ff0000} 
    a:active{color:#ooooff} 
    --> 
    </style> 
    </head> 
    <body> 
    <p><a href="#">关联选择符</a><p> 
    <p><a href="#">关联选择符</a><p> 
    <p><a href="#">关联选择符</a><p> 
    <p><a href="#">关联选择符</a><p> 
    〈/body> 
    </html> 
    正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 
    
    伪元素选择符 
    与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
    例:首行 
    <html> 
    <head> 
    <style> 
    <!-- 
    p:first-line{color:red;font-size:20pt} 
    --> 
    </style> 
    </hesd> 
    <body> 
    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>
    </body> 
    </html> 
    长度随浏览器窗口大小而改变 
    首字 
    <html> 
    <head> 
    <style> 
    <!-- 
    p:first-letter{color:red;font-size:50pt;float:left;}
    --> 
    </style> 
    </hesd> 
    <body> 
    <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>
    </body> 
    </html> 
    以上两种都只能应用于块状元素上 
    css规则 
    1.继承 
    例:<html>
    <head> 
    <style type="text/css"> 
    <!-- 
    td{font-size:12pt} 
    p{color:red} 
    --> 
    </style> 
    </hesd> 
    <body> 
    <table width="300"border="1" height="150"> 
    
    <tr> 
    <td align="center"> 
    <p>css规则</p> 
    </td> 
    </table> 
    </body> 
    </html> 
    <p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, 
    
    2.组合 
    例:td{font-size:12pt}
    p1{font-size:12pt} 
    组合后 
    td,.p1{font-size:12pt} 
    3.层叠 
    在样式里定义过后,在表格属性中又定义一次 
    <html> 
    <head> 
    <style type="text/css"> 
    <!-- 
    red{color:#ff0000 limportant} 
    --> 
    </style> 
    </hesd> 
    <body> 
    <table width="300"border="1" height="150"> 
    
    <tr> 
    <td align="center"style="color:#0000ff" class="red">决撒地方官</td>
    
    </tr> 
    </table> 
    </body> 
    </html> 
    css单位 
    分四大类: 
    1 长度单位
    数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) 
    换算关系: 
    1in(英寸)=6pc(派) 
    1in(英寸)=72pt(磅) 
    1in(英寸)=2.54(厘米) 
    1cm(厘米)=10mm(毫米) 
    1cm(厘米)=0.3937(英寸) 
    1pt(磅)=1/72in(英寸)=0.2478mm(毫米) 
    1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 
    2 百分比单位
    3 颜色单位
    4 url单位
    div属性
    color : #999999   文字颜色
    font-family : 宋体 文字字型 
    font-size : 10pt 文字大小 
    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 加?h除线
    text-decoration:overline 加顶线
    text-decoration:underline 加底线
    text-decoration:none ?h除连接底线
    text-transform : capitalize 首字大写
    text-transform : uppercase 英文大写
    text-transform : lowercase 英文写
    text-align:right 文字*右对齐
    text-align:left 文字*左对齐
    text-align:center 文字置中对齐 
    这些是一些简单的文字效果,可以应用到css的页面中。 
    背景
    background-color:black 背景颜色 
    background-image : url(image/bg.gif) 背景图片
    background-attachment : fixed 固定背景
    background-repeat : repeat 重复排列-网页预设
    background-repeat : no-repeat 不重复排列
    background-repeat : repeat-x 在x轴重复排列
    background-repeat : repeat-y 在y轴重复排列
    background-position : 90% 90% 背景图片x与y轴的位置  
    链接
    A 所有超连接
    A:link 超连接文字格式
    A:visited 浏览过的连接文字格式
    A:active 按下连接的格式
    A:hover 鼠标移至连接
    边框
    border-top : 1px solid black 上框 
    border-bottom : 1px solid #6699cc 下框 
    border-left : 1px solid #6699cc 左框 
    border-right : 1px solid #6699cc 右框
    border: 1px solid #6699cc 四边框
    虚线
    <TEXTAREA STYLE="border:1px dashedpink">
    实线
    <TEXTAREA STYLE="border:1px solidpink">
    
    
    <marquee>...</marquee>普通卷动
    <marqueebehavior=slide>...</marquee>滑动
    <marqueebehavior=scroll>...</marquee>预设卷动
    <marqueebehavior=alternate>...</marquee>来回卷动
    <marqueedirection=down>...</marquee>向下卷动
    <marquee direction=up>...</marquee>向上卷动
    <marqueedirection=right></marquee>向右卷动
    <marquee direction=’left’></marquee>向左卷动
    <marquee loop=2>...</marquee>卷动次数
    <marqueewidth=180>...</marquee>设定宽度
    <marqueeheight=30>...</marquee>设定高度
    <marqueebgcolor=FF0000>...</marquee>设定背景颜色
    <marqueescrollamount=30>...</marquee>设定滚动速度
    <marqueescrolldelay=300>...</marquee>设定卷动时间
    <marqueeonmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动
    <marqueeonmouseover="this.start()">...</marquee>鼠标离开时开始滚动
    
    展开全文
  • android 控件属性大全

    千次阅读 2018-06-06 16:26:59
    “Android控件属性大全”: &nbsp; 关键词:android&nbsp;控件&nbsp;属性&nbsp;大全 &nbsp; &nbsp; 控件属性: android属性 android功能强大,界面华丽,但是众多的布局属性就害苦了开发者...
  • CSS属性大全

    万次阅读 多人点赞 2017-06-01 08:00:30
    字体属性:(font) 大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style:oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height:normal;...
  • Android 属性大全

    千次阅读 2016-09-24 09:00:31
    抽时间把以前积累的属性整理了一份,分享给大家 android:alpha  setAlpha(float) 属性说明: 视图透明度,值在0-1之间。0为完全透明,1为完全不透明。 android:background  setBackgroundResource(int) 属性说明...
  • html 标签属性大全 (完美版)

    千次阅读 2016-03-02 17:54:01
    html标签属性大全是朋友们整理常用的html标签,和大家更好的交流沟通。学习html标签属性大全 html标签<marquee>...普通卷动 <marquee behavior=slide>...滑动 <marquee behavior=scroll>...预设卷动 ...
  • WinForm控件属性大全

    千次阅读 2020-04-20 19:03:17
    C#控件及常用设计整 1、窗体... 1 2、Label 控件...... 3、TextBox 控件......4、RichTextBox控件......5、NumericUpDown 控件......6、Button 控件......7、GroupBox 控件......8、RadioButton控件......9、CheckBox 控件......
  • html和css的属性大全

    千次阅读 2019-06-12 08:29:10
    1、字体属性(font) 1、大小 {font-size: x-large;}(特大) xx-small;(极小) 一般只要用数值就可以,单位:PX、PD 2、样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3、行高 {line-height: normal...
  • Android View 属性大全

    千次阅读 2019-07-20 18:09:04
    (1)视图透明度,值在0-1之间,0为完全透明,1为完全不透明 android:alpha setAlpha(float) (2)视图背景 android:background setBackgroundResource(int) ...android:clickable setClickable(boolean) ...
  • 本篇简单介绍TextView 的属性
  • VB控件属性大全

    万次阅读 多人点赞 2018-06-14 08:54:57
    1.01、窗体(FORM)的常用属性... 21.02、标签控件(Lable)的常用属性... 71.03、文本框控件(TextBox)的常用属性... 91.04、框架控件(Frame)的常用属性... 131.05、命令按钮控件(CommandButton)的常用属性... 151.06、...
  • HTML标签以及各个标签属性大全

    万次阅读 2016-07-10 11:25:42
    HTML标签以及各个标签属性大全(网页制作必备)   总类(所有HTML文件都有的) -------------------------------------------------------------------------------- 文件类型 (放在档案的开头与结尾) ...
  • GridView常用属性大全

    万次阅读 2016-05-10 19:59:33
    GridView 常用属性 ,和其所有属性
  • android xml 属性大全

    千次阅读 2017-05-03 15:56:25
    第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父...
  • CSS标签属性大全

    千次阅读 2015-09-25 11:24:57
    css基础语法  创建: link rel="stylesheet" type="text/css" href="mystyle.css" />  selector{ }:  id选择器:#id{ }  类别选择器: .class{}  标签选择器: tab{} ...1.背景:background-color b
  • Android-XML属性大全

    千次阅读 2015-05-30 20:30:09
    WebView----xml属性      style  android:animateLayoutChanges  android:clipChildren  android:clipToPadding  android:layoutAnimation  android:animationCache  android:...
  • MPAndroidChart属性大全

    千次阅读 2016-03-10 16:09:46
    最近一个项目需要用到表格进行统计显示,本来用的是的achartengine,后来发现一个更加强大的开源框架MPAndroidChart。 下面简单介绍下MPAndroidChart,MPAndroidChart的效果还是蛮好的,提供各种动画,这个也是我...
1 2 3 4 5 ... 20
收藏数 63,319
精华内容 25,327
关键字:

属性大全