关于HTML语言与CSS的常用属性与值

html-css029

关于HTML语言与CSS的常用属性与值,第1张

html

基本常用标签

框架

html-head

(头部)

-meta

(元信息)

-title

(标题)

-link

(链接)

-style

(样式)

-body(

)-<--

注释内容

-->

选择符权重,

id-#=100 class-.=10

直接指定标签

=1

(权重可累加)

标签内标签用空格

----id

class#id.class

多级标题

-----h1-h6

段落标签

-----p

链接标签

-----a

<a href=

图像标签

-----img

<

img src=…

>

无序标签

-----ul

(配合

li

可定义前标)

水平线

-----hr

表格标签

-----table

tr

td

.th

是表头单元)

提供输入表单

-----from

()

定义框架或窗口

-----frame

行内标签

-----span

输入,提交标签

------input

CSS

常用样式属性

字体、颜色、背景属性

font-size

------

字体大小(

**px

**em

font-family

------

字体类型(微软雅黑,黑体,楷体等)

font-weight

------

字体粗细(

bold

粗体,也可直接输入

100-900

数值)

font-style

------

字体风格(

italic

斜体,)

font-variant

------

小型字母(

small-caps

缩小了的大写字母)

font

------

符合属性,

ex

p{font

italic bold

宋体

20px}

Color

------

字体颜色

Backgroup

------

背景

(

color-

颜色,

image-

图片,

position-

位置,

repea-

重复,

attachment-

附件

)

文本属性

Word-spacing

-------

单词间隔(一整个单词或文字的间隔)

Letter-spacing

-------

字符间距(单字母或文字的间隔一般中文使用)

Text-decoration -------

文字修饰(

underline

下划线,

overline

上划线,

line-through

删除线,

blink

闪烁

Text-indent

--------

首行缩进

Vertical-align

--------

纵向排列

(

主要用于图片的纵向排列

)

Text-transform

------

文本转换(

capitalize

首字母大写,

uppercase

所有字母大写,

lowercase

所有字母小写

Line-height

-------

行高(每行之间上下的间距。)

Width

-------

宽度(单位

%

或者指定数值。)

边距,填充与边框属性

Margin

--------

外边距(

-top

right

bottom

left

上下左右。

Auto

自动取值。单位

px

Padding

-

-------

内边距(同上)

如果使用复合属性,对应的是

上,右,下,左(顺时针)

ex

padding

10px

20px

30px

40px

Border

--------

边框(同上,复合属性同上)

solid

实线,

dotted

点线,

Dashed

虚线。

List-style-image ------

图像符号(一般用在超链接前)

border-collapse: collapse

内外边框合并

鼠标经过超链接的样式

a

hove

------

鼠标经过时的样式(字体变更,颜色,大小等)

a

visited

------

访问后的样式(变灰等)

a

active

------

鼠标按下时的状态

a

link

------

默认状态(改变颜色,去下划线等等)

input

标签的一些属性

required ------

必填项(另有只读

readonly

placeholder

-------

默认显示内容

checked

------

默认选中项

disabled ------

禁选项

height

------

定义输入框高度

name

------

定义元素名字

pattem

------

限制输入内容格式(比如数字

0-9 pattem=

“【

0-9

】”)

size

------

宽度(也可用

width

type

------

标签类型(

text

等)

value

-----

文本框内显示的文字

[abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素

相应的jq代码,你懂的。