css样式的体会,css样式学习心得

css样式表是用来美化我们的网页的，但是对于asp程序员来说，并不是很重要，所以我就只是简单的写下了。

css样式表的表示方法，三种，内部样式块，外接样式块，内联样式。这个名字的叫法有很多了，无所谓，下把三种方法的事例都写下了。

1.在网页中写

内容

2.把样式表作为一个.css文件生成，在需要的网页中调用。

type="text/css">

然后在使用的时候是

3.把样式表直接定义在标签名的后面。

"css样式的内容">受控制的内容标签名>

这三个方式哪个都是正确的，但是有一个受控顺序问题，也就是当一个标签内容受三种形式的css控制的话，那么到底受哪个样式表来控制呢？

答案是这样的，出现这样的情况的话，标签是受最近的那个样式来控制的。

下面是css控制的内容，我简单的分了几个类别：

1.字体设置

CSS属性

显示效果

参数设置

font-family: "黑体";

黑体字的显示效果

可以接系统中存在的所有字体

font-size: 18px;

18px字体显示

px:象素，

关键字说明：

xx-smallx-smallsmallmedium

large x-large

xx-large

font-style:

italic

斜体显示的文字

取值：

normal:正常

italic:斜体

oblique:偏斜体

font-weight:

bold

bold的字体显示

text-transform

upcase大写字符

text-decoration

特殊效果的文字

underline 给文字下划线，例：

these

words.

overline给文字上划线，例：

these

words.

line-through给文字划出删除线，

例：these words.

blink文字在闪烁，例：

these

words.

none使得上述效果都不会发生。

这里还要说下连接的设置：

A:link当连接存在时

active当电击当没释放鼠标时

visited访问过的

hover当移动到连接处的

这四个属性后面可以设置一些值，用来设置连接的效果！~

2.位置设置

CSS属性

显示效果

参数设置

word-spacing: 1em;

字 间 距 为 1

em a b c de

可使用的单位：

相对单位

em

当前字体元素的高度

ex

字符“X”的高度

px

象素

%

百分比

绝对单位

in

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

cm

厘米.

mm

毫米.

pt

Points (1 point = 1/72英寸).

pc

Picas (1 pica = 12 points).

letter-spacing:

10px

字母间距abcde

设置每个字母之间的距离

line-height:

21pt

第一行数据

第二行数据

第三行数据

text-align: center

水平居中字体显示

可用属性：center,left,right,justify

vertical-align: top

垂直居顶显示的文字

top将要素顶部同最高的母体要素对齐

bottom将要素的底部同最低的母体要素对齐

text-top将要素的顶部同母体要素文字的顶部对齐

text-bottom将要素的底部同母体要素文字的底部对齐

baseline将要素的基准线同母体要素的基准线对齐

middle将要素的中点同母体要素的中点对齐

sub将要素以下标的形式显示

sup将要素以上标的形式显示

text-indent:

2em

你还可以使用比例参数。例如，本段的缩行为40％的比例，即本段的第1行的起始位置比其正常位置缩进了40％。

CSS属性

显示效果

参数设置

h4{margin-top:

10px; margin-bottom: 10px; margin-left: 10px; margin-right:

10px}

你还可以使用比例参数。例如，本段的缩行为40％的比例，即本段的第1行的起始位置比其正常位置缩进了40％。

td { padding-top: 10px;

padding-bottom:10px; padding-left: 10px; padding-right: 10px

}

你还可以使用比例参数。例如，本段的缩行为40％的比例，即本段的第1行的起始位置比其正常位置缩进了40％。

td { border-top-width:

10px; border-bottom-width: 10px; border-left-width:10px;

border-right-width: 10px }

你还可以使用比例参数。例如，本段的缩行为40％的比例，即本段的第1行的起始位置比其正常位置缩进了40％。

border-color:#ff0000

红色的边框

border-style: double;

border-width: 3px ;border-color:#ff0000

特殊的边框

solid

double

dotted

dashed

groove

ridge

inset

outset

CSS属性

显示效果

参数设置

H4 { float: left

}

这些文字使用H4字号

例如，本段的缩行为40％的比例，即本段的第1行的起始位置比其正常位置缩进了40％。

这里是一些例子和相关的说明，看看就好了~！