分享

建站20131209下午

 昵称9671833 2013-12-09
下午:

1.  边框风格属性
border-style:none 看不见不占空间;
border-style:hidden 看不见占空间;
border-style:dotted:

2.  边框颜色:
border-color:transparent;  透明


3.  背景属性:
backgroud:
backgroud-image:
backgroud-repeat:
backgroud-position:


body{
backgroud-image:url(images/zpark2.jpg)
}

4.  backgroud-repeat的属性值:
backgroud-repeat:repeat;
backgroud-repeat:repeat-x;
backgroud-repeat:repeat-y;
backgroud-repeat:no-repeat;
backgroud-repeat:inherit;

5.  backgroud-attachment属性可以控制背景是否随网页滚动:
backgroud-attachment:scroll;  背景滚动
backgroud-attachment:fiexd;   背景固定
backgroud-attchment:inherit;    

6.  backgroud-position属性可能控制背景定位
backgroud-position:<x> <y>
注意:如果负值比较大,会循环一轮再出现的。
用关键词定位:top, center,bottom,left,right;


7.  字体属性:
font
font-weight:粗细
font-size
font-family
line-height
text-align
letter-spacing
text-decoration
white-space


8.  font-bold:这个属性设置字体的粗细程序
p{
font-weight:bold;
}
下边是字体粗细的几个属性:
font-weight:normal
font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:<100-990>  不同的数值实现效果不同

9.  font-size: 这个属性设置字体大小
绝对的:
font-size:12pt;
font-size:12px;
font-size:medium
相对的:
font-size:smaller
font-size:normal
font-size:larger
font-size:50%



10.   行间距属性
p{
line-height:14px;
}

11.  字体变量属性:font-variant
p{
font-variant:small-caps;
}

font-variant:normal;
font-variant:small-caps;

12  文本缩进:text-indent

text-indent:<length>
text-indent:<percentage>

13  文本对齐属性  text-align
text-align: left 文本左对齐
text-align:right 文本右对齐
text-align:center 文本居中对齐
text-align:justify 文本两端对齐

14.  文本装饰属性:此属性涉及到上划线,下划线,删除线等对文本一些装饰效果。
text-decoration:none    无装饰
text-decoration:underline   下划线
text-decoration:overline    上划线
text-decoration:line-through   删除线

15  文本变形属性:在CSS中,文本变形指大小写转化首字母大小写等属性。
text-transform:none   不变
text-transform:capitalize    首字母大写
text-transform:uppercase   全部变大写
text-transform:lowercase   全部变小写



16  链接属性(4种)
:link a:link{...} 设置未访问的链接属性
:visited a:visited{...} 设置访问过的链接属性
:active  a:active{...} 设置点击与释放之前时
:hover a:hover{...} 鼠标移上去时

17   列表属性

列表(li)常用属性:-list-style(列表风格)
none   无风格
disc:  实心圆(默认)
circle: 空心圆
square: 实心正文形
decimal:  数字(有序默认)


























    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多