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

尺寸与框模型

尺寸:

       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 首行文本缩进

阅读更多
个人分类: css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭