1、Css 文本及字体设计
color 设置文字的颜色,如: color:red;
font-size 设置文字的大小,如:font-size:12px;
font-family 设置文字的字体,如:font-family:‘微软雅黑’;
font-style 设置字体是否倾斜,如:font-style:‘normal’; 设置不倾斜,font-style:‘italic’;设置文字倾斜
font-weight 设置文字是否加粗,如:font-weight:bold; 设置加粗 font-weight:normal 设置不加粗
font 同时设置文字的几个属性,写的顺序有兼容问题,建议按照如下顺序写: font:是否加粗 字号/行高 字如:font:normal 12px/36px ‘微软雅黑’;
line-height 设置文字的行高,如:line-height:24px;
text-decoration 设置文字的下划线,如下
值 描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。
text-indent 设置文字首行缩进,如:text-indent:24px; 设置文字首行缩进24px
text-align 设置文字水平对齐方式,如text-align:center 设置文字水平居中
2、背景设计
属性解释 :
background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项:
background-color 设置背景颜色
background-image 设置背景图片地址
background-repeat 设置背景图片如何重复平铺
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
inherit 规定应该从父元素继承 background-repeat 属性的设置。
background-position 设置背景图片的位置
background-attachment 设置背景图片是固定还是随着页面滚动条滚动
值 描述
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
fixed 当页面的其余部分滚动时,背景图像不会移动。
inherit 规定应该从父元素继承 background-attachment 属性的设置。
3、颜色的表示方法
css 颜色值主要有三种表示方法:
1、颜色名表示,比如:red 红色,gold 金色
2、rgb 表示,比如:rgb(255,0,0)表示红色
3、16 进制数值表示,比如:#ff0000 表示红色,这种可以简写成#f00
4、图片居中样式
text-align: center; /*给图片父元素设置显示效果为水平居中*/
line-height: 600px; /*给图片父元素设置行高*/
vertical-align: middle; /* 图片中间与文字对齐 为图片设置*/
vertical-align: text-bottom; /*图片下边与文字对齐 为图片设置*/
vertical-align: text-top; /*图片的上边与文字对齐 为图片设置*/