7.div+css基础学习二 背景边框文字文本的学习

1、背景

background-color         规定要使用的背景颜色。 
background-position     规定背景图像的位置。     
background-size         规定背景图片的尺寸。     
background-repeat         规定如何重复背景图像。     
background-origin         规定背景图片的定位区域。     
background-clip         规定背景的绘制区域。     


repeat        默认。背景图像将在垂直方向和水平方向重复。
repeat-x    背景图像将在水平方向重复。
repeat-y    背景图像将在垂直方向重复。
no-repeat    背景图像将仅显示一次。
inherit        规定应该从父元素继承 background-repeat 属性的设置。


background-attachment     规定背景图像是否固定或者随着页面的其余部分滚动。     
background-image         规定要使用的背景图像。 


inherit     规定应该从父元素继承 background 属性的设置。     
 left top
 left center
 left bottom
 right top
 right center
 right bottom
 center top
 center center
 center bottom


简写：
background: url(images/bg.gif) no-repeat top right


背景图片的滚动：背景图片是否随着内容的滚动而滚动由background-attachment设置
background-attachment:fixed;     固定，不随内容的滚动而滚动
background-attachment:scroll;     滚动，随内容的滚动而滚动

2、边框

边框颜色 border-color:#000000;
边框宽度 border-width:1px;


border-left 设置左边框，一般单独设置左边框样式使用
border-right 设置右边框，一般单独设置右边框样式使用
border-top 设置上边框，一般单独设置上边框样式使用
border-bottom 设置下边框，一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。


边框样式值如下：
none : 　    无边框。与任何指定的border-width值无关
hidden : 　    隐藏边框。IE不支持
dotted : 　    在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用）
dashed : 　    在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用）
solid : 　    实线边框（常用）
double : 　    双线边框。两条单线与其间隔的和等于指定的border-width值


groove : 　    根据border-color的值画3D凹槽
ridge : 　    根据border-color的值画菱形边框
inset : 　    根据border-color的值画3D凹边
outset : 　    根据border-color的值画3D凸边

3、文字属性

color:red;                 文字颜色 #ffeeees
font-size:12px;         文字大小
font-weight:bolds         文字粗细(bold/normal)
font-family:”宋体”        文字字体
font-variant:small-caps    小写字母以大写字母显示

4、文本属性

text-align:center;        文本对齐(right/left/center)
line-height:10px;         行间距(可通过它实现文本的垂直居中)
text-indent:20px;         首行缩进
text-decoration:none;    文本线(none/underline/overline/line-through) underline/overline/line-through; 定义文本上的下划线/上划线/中划线
letter-spacing:         字间距

2021.08.03 (0:33:51)