网站模板修改中常用到的CSS代码详解

　　在上一篇文章中，提到了一些修改网站模板中常用到的方法，工具。但其中也牵涉到不到关于CSS样式表的一些知识，对于这些知识，缺乏的还占大多数，今天我就将常用的一些CSS样式表语法整理一下，发出来给大家，希望对各位站长朋友修改网站模板的时候有一些帮助。如果你还没阅读过上一篇文章，请先移步至《关于淘客模板修改的一些心得总结》。

ｌiｅｈｕo．ｎｅｔ

　　CSS样式表的出现就是为了规范网页结构，网页中的所有框架，无一例外的都通过CSS样式表来定义其样式，大小、位置，边框位置等……详见下表： veｒｙｈｕo.ｃｏm

　　边框宽度 : border-width : 5px; /网

　　上边宽度 : border-top-width : 5px;

　　左边宽度 : border-left-width : 5px;

　　右边宽度 : border-right-width : 5px;

　　底边宽度 : border-bottom-width : 5px;

ｌieｈｕｏ．ｎｅｔ

　　边框颜色 : border-color : #000000;

veryhｕｏ．ｃom

　　上边颜色 : border-top-color : #000000;

　　边框样式 : border-style : double; 可替换 dashed; dotted; none;

verｙｈｕｏ．ｃom

　　上边样式 : border-top-style : solid;

/网

　　左边样式 : border-left-style : inset; verｙｈuo.com

　　右边样式 : border-right-style : ridge;

ｌiｅｈｕｏ．ｎｅt

　　底边样式 : border-bottom-style : solid;

vｅrｙｈuｏ．ｃom

　　整体宽度 : width : 5px;

vｅｒｙｈｕｏ．ｃｏm

　　整体高度 : height : 5px; vｅrｙｈuｏ．ｃom

　　溢出选项 : overflow : visible; 可替换 hidden; scroll; auto;

ｌiｅｈｕｏ．ｎｅｔ

　　内侧边距 : padding : 5px;

　　上内边距 : padding-top : 5px;

veｒｙｈｕo.ｃｏm

　　外侧边距 : margin : 5px;

　　上外边距 : margin-top : 5px; vｅrｙｈuｏ．ｃom

　　文字字体 : font-family : fantasy; ｌiｅｈｕｏ．ｎｅｔ

　　文字大小 : font-size : 12pt; ｌiｅｈｕｏ.ｎｅｔ

　　文字粗细 : font-weight : bold; /网

　　文字样式 : font-style : italic;

　　文字变量 : line-height : 110%; ｌiｅｈｕｏ.ｎｅｔ

　　清除属性 : clear : left; 可替换 right; both; none;

网

　　浮动属性 : float : left; 可替换 right; none; wfuwu.com

　　水平排列 : text-align : left; 可替换 right; center; justify; ｌiｅｈｕｏ.ｎｅｔ

　　文本修饰 : text-decoration : underline; 可替换 overline; underline overline; line-through; blink; verｙｈuo.com

　　文本缩进 : text-indent : 5em; ｌieｈｕｏ．ｎｅｔ

　　文字间距 : letter-spacing : 5px;

vｅｒｙｈｕｏ．ｃｏm

　　字母间距 : word-spacing : 5px; -网

　　文本转换 : text-transform : capitalize; 可替换 lowercase; uppercase;

/网

　　垂直排列 : vertical-align : baseline; 可替换 top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;

　　背景图片 : background-image : url(tianyi.gif);

vｅrｙｈuｏ．ｃom

　　背景拉伸 : background-repeat : repeat; 可替换 repeat-x; repeat-y; no-repeat; veｒyhuｏ．coｍ

　　背景定位 : background-position : left; 可替换 right; top; left top; right bottom; 30% 50%;

　　附加属性 : background-attachment : fixed; 可替换 scroll; -网

　　显示属性 : display : none; 可替换 block; inline; run-in; compact; list-item; marker; &网

　　是否可见 : visibility : visible; 可替换 hidden; ｌiｅｈｕｏ．nｅｔ

　　资源定位 : position : static; 可替换 relative; absolute; fixed;

　　距离顶部 : top : 5px;

ｌiｅｈｕo．ｎｅｔ

　　距离左边 : left : 5px; ｌiｅｈｕｏ．nｅｔ

　　距离右边 : right : 5px; vｅｒｙhuo.com

　　距离底边 : bottom : 5px;

　　以上就是对于一些常用的CSS语法，然而我们在修改模板的时候用得最多的莫非是 margin-top; margin-left; margin-right; align; background : url(tianyi.gif); border-width : 5px; 这几个平率最高。 ｌiｅhｕｏ．ｎｅｔ

　　希望这些代码多多少少对各位站长朋友们带来一些帮组，好了，今天的文章就说到这里。不懂的还是自己多动手百度百度。本文来自多彩网 http://www.deluxmart.com，如要转载文章，请保留网址链接，谢谢!如果你还有什么问题，可以去我的网站给我留言。　 ｌiｅｈｕｏ.ｎｅｔ

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠