您的位置:首页 > Web前端 > CSS

重走JAVA编程路,还是熟悉的那个入门道路-html标签和css属性回顾

2017-03-04 15:31 676 查看
第一天,重新认识HTML的标签元素和CSS样式属性,加深印象!

HTML 的标签元素:

HTML 元素

<
4000
td valign="top" style="background:rgb(238,238,238);">
指定所包含控件在表单中起作用。

a

标明超链接的起始或目的位置。

acronym

标明缩写词。

address

特定信息,如地址、签名、作者、此文档的原创者。

applet

在页面上放置可执行内容。

area

定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

b

指定文本应以粗体渲染。

base

指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。

baseFont

设置渲染文本时作为缺省字体的基础字体值。

bdo

允许作者为选定文本片断禁用双向法则。

bgSound

允许页面带有背景声音或创建音轨。

big

指定内含文本要以比当前字体稍大的字体显示。

blockQuote

设置文本中的一段引语。

body

指定文档主体的开始和结束。

br

插入一个换行符。

button

指定其中所含的 HTML 要被渲染为一个按钮。

caption

指定表格的简要描述。

center

将后面的文本和图像居中显示。

cite

用斜体显示标明引言。

code

指定代码范例。

col

指定基于列的表格缺省属性。

colGroup

指定表格中一列或一组列的缺省属性。

comment

标明不可见的注释。

custom

代表了一个用户自定义元素。

dataTransfer

提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。

dd

在定义列表中表明定义。定义通常在定义列表中缩进。

del

表明文本已经从文档中删除。

dfn

表明术语的定义实例。

dir

引起目录列表。

div

指定渲染 HTML 的容器。

dl

引起定义列表。

dt

在定义列表中表明定义术语。

em

强调文本,通常以斜体渲染。

embed

允许嵌入任何文档。

fieldSet

在字段集包含的文本和其它元素外面绘制一个方框。

font

指定用于渲染所包含文本的新字体、大小和颜色。

form

frame

在 FRAMESET 元素内指定单个框架。

frameSet

指定一个框架集,用于组织多个框架和嵌套框架集。

head

提供了关于文档的无序信息集合。

hn

以标题样式渲染文本。

hr

绘制水平线。

html

表明文档包含 HTML 元素。

HTML 注释

避免任何内含文本或 HTML 源代码被处理并在浏览器窗口中显示。

i

指定文本应以斜体渲染,若可用的话。

iframe

创建内嵌浮动框架。

img

在文档中嵌入图像或视频剪辑。

IMPORT

从元素行为中导入标签定义。

input

创建各种表单输入控件。

input type=button

创建按钮控件。

input type=checkbox

创建复选框控件。

input type=file

创建文件上载控件,该控件带有一个文本框和一个浏览按钮。

input type=hidden

传输关于客户/服务器交互的状态信息。

input type=image

创建一个图像控件,该控件单击后将导致表单立即被提交。

input type=password

创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。

input type=radio

创建单选钮控件。

input type=reset

创建一个按钮,该按钮单击后将重置表单控件为其缺省值。

input type=submit

创建一个按钮,该按钮单击后将提交表单。

input type=text

创建一个单行的文本输入控件。

ins

指定被插入到文档中的文本。

isIndex

使浏览器显示一个对话框,提示用户输入单行文本。

kbd

以固定字体渲染文本。

label

为页面上的其它元素指定标签。

legend

在 fieldSet 对象绘制的方框内插入一个标题。

li

引起列表中的一个项目。

link

允许当前文档和外部文档之间建立连接。

listing

以固定字体渲染文本。

map

包含客户端图像映射的坐标数据。

marquee

创建一个滚动的文本字幕。

menu

创建一个项目的无序列表。

meta

向服务器和客户端传达关于文档的隐藏信息。

noBR

不换行渲染文本。

noFrames

包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。

noScript

指定要在不支持脚本的浏览器显示的 HTML。

object

向 HTML 页面中插入对象。

ol

绘制文本的编号列表。

optGroup

允许作者对 select 元素中的选项进行逻辑分组。

option

引起 SELECT 元素中的一个选项。

p

引起一段。

param

设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。

plainText

以固定宽度字体渲染文本,不处理标签。

pre

以固定宽度字体渲染文本。

q

分离文本中的引语。

rt

指明 RUBY 元素的注音文本。

ruby

指明要放置在文本串之上或内嵌的注解或发音指南。

s

以删除线字体渲染文本。

samp

指定代码范例。

script

为脚本指定由脚本引擎解释的脚本。

select

引起列表框或下拉框。

small

指定内含文本要以比当前字体稍小的字体显示。

span

指定内嵌文本容器。

strike

以删除线字体渲染文本。

strong

以粗体渲染文本。

style

指定页面的样式表。

sub

指定内含文本要以下标的形式显示,通常比当前字体稍小。

sup

指定内含文本要以上标的形式显示,通常比当前字体稍小。

table

指定所含内容要组织成行列的表格。

tBody

指明行作为表格主体。

td

指定表格中的单元格。

textArea

指定多行文本输入控件。

tFoot

指明行作为表尾。

th

指定标题列。标题列将在单元格中居中并以粗体显示。

tHead

指明行作为表头。

title

包含文档的标题。

tr

指定表格中的一行。

tt

以固定宽度字体渲染文本。

u

带下划线渲染文本。

ul

绘制文本的项目符号列表。

var

定义编程变量。通常以斜体渲染。

wbr

向一块 NOBR 文本中插入软换行。

xml

在 HTML 页面上定义一个 XML 数据岛。

xmp

以固定宽度字体渲染作为示例的字体。

 

 

 

CSS属性表

 

这里列出了目前支持的样式表(CSS)标签属性。标有星号(
1015e
*)的标签属性可于 Microsoft® Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用。如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有“已提交”。若某个标签属性或属性既未提交给 W3C 也不是标准,将标有“扩展”。

CSS 标签属性/属性

行为属性

behavior(已提交)*

字体和文本属性

direction*

 

direction

 

font

 

font-family

 

font-size

 

font-style

 

font-variant

 

font-weight

 

ime-mode(已提交)*

 

layout-grid(已提交)*

 

layout-grid-char(已提交)*

 

layout-grid-line(已提交)*

 

layout-grid-mode(已提交)*

 

layout-grid-type(已提交)*

 

letter-spacing

 

line-break(已提交)*

 

line-height

 

min-height ++

 

ruby-align(已提交)*

 

ruby-overhang(已提交)*

 

ruby-position(已提交)*

 

text-align

 

text-autospace(已提交)*

 

text-decoration

 

text-indent

 

text-justify(已提交)*

 

text-kashida-space(已提交)**

 

text-overflow ++ 

 

text-transform

 

text-underline-position(扩展)**

 

unicode-bidi

 

vertical-align

 

white-space**

 

word-break(已提交)*

 

word-spacing ++(于 Macintosh 版本 4.0 中可用)

 

word-wrap(扩展)**

 

writing-mode(已提交)**

颜色和背景属性

background-attachment

 

background-color

 

background-image

 

background-position

 

background-position-x(已提交)

 

background-position-y(已提交)

 

background-repeat

 

color

版面属性

border

 

border-bottom

 

border-bottom-color

 

border-bottom-style

 

border-bottom-width

 

border-collapse*

 

border-color

 

border-left

 

border-left-color

 

border-left-style

 

border-left-width

 

border-right

 

border-right-color

 

border-right-style

 

border-right-width

 

border-style

 

border-top

 

border-top-color

 

border-top-style

 

border-top-width

 

border-width

 

clear

 

float

 

layout-flow(扩展)

 

margin

 

margin-bottom

 

margin-left

 

margin-right

 

margin-top

 

padding

 

padding-bottom

 

padding-left

 

padding-right

 

padding-top

 

scrollbar-3dlight-color(扩展)**

 

scrollbar-arrow-color(扩展)**

 

scrollbar-base-color(扩展)**

 

scrollbar-darkshadow-color(扩展)**

 

scrollbar-face-color(扩展)**

 

scrollbar-highlight-color(扩展)**

 

scrollbar-shadow-color(扩展)**

 

table-layout*

 

zoom(扩展)**

分类属性

display

 

list-style

 

list-style-image

 

list-style-position

 

list-style-type

定位属性

bottom*

 

clip

 

height

 

left

 

overflow

 

overflow-x(已提交)

 

overflow-y(已提交)

 

position

 

right*

 

top

 

visibility

 

width

 

z-index

打印属性

page**

 

pageBreakAfter

 

pageBreakBefore

滤镜属性

filter(已提交)

伪类和其它属性

:active

 

@charset

 

cursor

 

:first-letter**

 

:first-line**

 

@font-face

 

:hover

 

@import

 

!important

 

:link

 

@media*

 

@page**

 

:visited

CSS 长度单位表格

相对长度单位

em

元素字体的高度。

ex

字母“x”的高度。

px

像素。

%

百分比

绝对长度单位

in

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

cm

厘米。

mm

毫米。

pt

磅(1 磅 = 1/72 英寸)。

pc

皮卡(1 皮卡 = 12 磅)。

 

福利:

配上学习线路图:

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html css 编程 java 技术