css代码大全

html-css012

css代码大全,第1张

那太多了 而且每个不同的样式还附带着不同的参数 比如text-align:center text-align:left text-align:right等等 就算全发出来 估计看完你也记不住 。。。我这有个CSS中文手册：

http://www.php100.com/manual/CSS.html

不是所有的样式都能用上 还有大部分我们根本不常用 建议你去看看有关的电子教程和视频，帮助都是很大的

当然要加

Class

因为你上面是这样定义的

.m

调用的时候就必须以Class来调用

再举个例子:

比如你写CSS是这样写:

#MainMenu

{

font-size:12px

}

在调用的时候可以直接这样写

<div

id="MainMenu">测试</div>

而你定义的时候是这样定义

.MainMenu

{

font-size:12px

}

则你调用就要这样调用:

<div

Class="MainMenu">测试</div>

效果一样.只是调用上有区别

同时像有些标签的定义,则不必来特意指定,只需要指定前一个CSS就可以了.如

#MainMenu

{

font-size:12px

}

#MainMenu

img

{

border:0px

}

调用

<div

id="MainMenu">测试啊<img

src=1.gif></div>

则在DIV中IMG对象自动将边框变为了0

font-size:12px/*文字大小*/

color:#CCCCCC/*文字颜色*/

font-family:Arial,

Helvetica,

sans-serif/*设置字体*/

font-weight:bold/*文字加粗*/

text-align:center/*DIV标签内部水平方向居中或居左右*/

text-decoration:underline/*下划线*/

line-height:150%/*行高*/

margin:10px

0

5px

0/*容器外部边距*/

margin-top:10px

padding:10px

0

5px

0/*容器内部边距*/

float:left/*1.仅在做列的结构才用

2.用了float要用父DIV包起来*/

background-color:#999999/*背景颜色*/

background-image:url(images/test.gif)/*背景图片*/

background-repeat:no-repeat/*背景图片不平铺*/

background-position:5px

10px/*背景图片的位置，第一个为横坐标，第二个为纵坐标*/

list-style-type:none/*消除ul无序列表li前面的小黑点*/

display:block/*以块形式显示，通常用于链接中实现鼠标划过的效果*/

display:inline/*当用了float时做靠边的DIV外边距出现翻倍情况时才使用，针对的是IE6的一个bug*/

border:1px

solid

#ccc/*表格、DIV、LI、A等容器的边框属性，虚线是dashed*/

overflow:hidden/*溢出部分隐藏*/

overflow:auto/*自动判断容器高度，从而选择自动出现/隐藏垂直滚动条*/

/*自动适应高度，并且兼容火狐的做法*/

clear:both

overflow:hidden