关闭

css基础学习--尺寸与框模型、背景色、文本

256人阅读 评论(0) 收藏 举报
分类:

尺寸与框模型

尺寸:

       width

       height

       overflow:visible|hidden|scroll|auto当内容溢出元素框时如何处理  

边框:

       border:widthstyle color    当然也可以通过border-left|right|top|bottom进行单边定义,通过border-width,border-style,border-color进行单属性定义。

框模型:

       框模型(Box Model)定义了元素框处理元素内容、内边距、边框和外边框的方式。

内边距padding:  内容与框线之间的距离

外边距margin: 与下一个元素之间的空间量,这里margin可以取值为auto,由浏览器计算外边框。例如,div{margin:0 auto;}可以设置div的居中。

 

背景色

background-color 为元素设置背景色

background-image:url(…)  背景图片

background-repeat:repeat|repeat-x|repeat-y|no-repeat  默认情况下,背景图像在水平和垂直方向上重复出现,可以设置其重复方向

background-position 改变图像在背景中的位置(center设置居中)

background-attachment:scroll|fixed 背景图片的固定。默认情况下,背景图片会随着页面的滚动而滚动,fixed可以设置背景图片固定,常用于实现称为水印的图像。

 

文本格式化

   font-family:value1, value2

   font-size:value 

   font-weight

   color:value   文本颜色

   text-align:left|right|center  文本排列

   text-decoration:none/underline

   line-height:value   行高

   text-indent 首行文本缩进

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2261次
    • 积分:180
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:0篇
    • 译文:0篇
    • 评论:3条
    文章分类
    文章存档
    最新评论