css模版教程全面自定义模板必备之css属性知识

css模版教程全面自定义模板必备之css属性知识

ID:6007903

大小:79.00 KB

页数:3页

时间:2017-12-30

css模版教程全面自定义模板必备之css属性知识_第1页
css模版教程全面自定义模板必备之css属性知识_第2页
css模版教程全面自定义模板必备之css属性知识_第3页
资源描述:

《css模版教程全面自定义模板必备之css属性知识》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、属 性 名 称属性功能及其取值用 法 说 明 与 范 例颜色与背景类color设置文字颜色#rgb#rrggbbrgb(255,255,255)rgb(100%,100%,100%)H1{color:red}H1{color:#f00}H1{color:#ff0000}H1{color:rgb(255,0,0)}H1{color:rgb(100%,0%,0%)}background-color设置背景颜色,格式同上。BODY{background-color:red}BODY{background-color:#f00}BODY{background-

2、color:#ff0000}BODY{background-color:rgb(255,0,0)}BODY{background-color:rgb(100%,0%,0%)}background-image设置背景图片,url(/imageURL)body{backround-image:url(/back.jpg);}background-repeat设置背景图片是否重复排列:repeat-x(X轴重复排列);repeat-y(Y轴重复排列);No-repeat(不重复排列)BODY{background-repeat:repeat-x;}BODY{

3、background-repeat:No-repeat;}background-attachment设定背景图片是否卷动,默认为卷动。scroll(卷动)fixed(不卷动)BODY{background-attachment:fixed;}background-position设定背景图片或背景颜色开始显示的位置,取值格式:top,buttom,left,right,center(用关键字)70px 10px(用长度值)50% 30%(用百分比)BODY{background-position:right top;}BODY{background-p

4、osition:50px 10px;}BODY{background-position:20% 50%;}background定义背景综合属性,不要求顺序,各属性值以空格分开。BODY{background:#ffcc00 url(/bg.jpg) fixed center}字型类font-family设置字型属性,取值可以是任何字型名称,缺省为浏览器内定字型,可以设多个以逗号(,)分开,有空格的英文字型可用单引号或双引号括起来。P{font-family:宋体,楷体,黑体,"Time New Rom";}font-style设定字型样式:Normal

5、(正常),italic、objlique(斜体) P{font-style:italic;}font-variant取值:Normal(默认),small-caps(如果是中文字型则将字型缩小显示,如果是英文则全部改为较小的大写)H3{font-variant:small-caps;}font-weight设定字体粗细,取值有:Normal(默认),bold,lighter,border,100,200...900由于浏览器支持程度不同,一般只用normal和bold两种属性。P{font-weight:bold;}font-size设定字体的大小;绝

6、对大小:xx-small,x-small,small,mediumlarge,x-large,xx-large;H2{font-size:36pt;}P{font-size:200%;}相对大小:larger,smaller;数字表示可用单位:磅(pt),像素(px),英寸(in),厘米(cm);亦可用百分比表示。font设定字型的综合属性,其顺序如下:{font-style font-variant font-weight font-size /line-height font-family;}P{bold 12pt/14pt impact,Aria

7、l;}文字类letter-spacing设定文字间距。P{letter-spacing:5pt;}text-decoration设定文字加上下划线、删除线等效果:none(无)underline(下划线)overline(上划线)line-through(删除线)vertical-align设定文字或图片垂直方向的对齐方式:baseline:默认值 sub:下标 super:上标 top:垂直向上对齐 middle:垂直居中 bottom:垂直向下对齐。text-transform转换英文字母大小写:none:默认值 capitalize:首字母大写 

8、uppercase:所有英文字母大写 lowercase:所有英文字母小写。text-alig

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。