文本的相关属性:
1.字体的单位pt:12pt=16px 1em=16px;
2.color:字体颜色的表现形式(颜色的英文(color:red)、 16进制(color:#fff0)、rgb(color:rgb(255,255,255)) 0-255)
3.font-size:字体大小
4.font-family:字体(当字体是中文字体、英文字体中有空格时,需加双引号,多个字体中间用逗号链接,先解析第一个字体,如果没有解析第二个字体以此类推浏览器默认的是simsun字体)
5.font-weight:bolder;(更粗)/bold;(加粗)/normal(常规)
font-weight:100;字体的粗细(100-900之间的整百)(100-500不加粗,变细,600-900加粗)
font-weight:lighter;让字体变细
6.font-style:italic/oblique;倾斜
font-style:normal默认的,常规显示
7.text-align:center;水平居中
text-align:right;水平靠右
text-align:left;水平靠左
text-align:justify;两端对齐 ,但是只对多行起作用
8.line-height:设置垂直居中常用line-height属性值=height的属性值
9.font是font-style font-weight font-size/line-height font-family的简写。
font:itatic 800 30px/80px “宋体”;顺序不能变,必须同时指定font-size和font-family属性时才起作用
10.text-decoration:none;去除下划线【常用在去除超链接的下划线】
text-decoration:line-through;【删除线,常用在降价】
text-decoration:overline;【上划线】
text-decoration:underline;【下划线】
11.text-indent:50%;【首行缩进,只对首行起作用,text-index可以取负值】
12.letter-spacing:字间距(控制文字和文字之间的距离)【中文】
word-spacing:字间距【英文】
13.span标签:行内标签
列表的相关属性:
1.list-style-type:【定义列表符合样式】list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉符号)
2.list-style-image:【将图片设置为列表符合样式】list-style-image:url();
3.list-style-position:设置列表样式的位置inside(在列表的里面)、outside(在列表的外面 默认值)
4.list-style:【简写】list-style:none(去除列表的符号)
CSS背景相关属性
1.background-color:背景颜色(eg:background-color:red;)
2.background-image:背景图片(eg:background-image:url();)
3.background-repeat:背景图片的平铺background-repeat:no-repeat/repeat/repeat-x/repeat-y;
4.background-position:背景图片的定位 background-possition:水平位置 垂直位置;可以给负值(eg:background-possition:126px 159px)
5.background-attachment:背景图片的固定 background-attachment:scroll(滚动)/fixed(固定 固定在浏览器窗口里面,固定之后就相对于浏览器窗口了)
6.background:【简写】不需要注意顺序