这篇文章主要介绍了CSS中背景设置与文本外观属性 ,有一定的参考价值,感兴趣的朋友可以参考一下,希望对你有所帮助!
css的背景表示:
1:background-color:背景颜色词、rgb表示法、十六进制表示法
2:background-image:背景图片 背景不做设置是会被平铺满的。
p {
width: 500px;
height: 500px;
background-image: url(images/wuyifan.jpg);
}
3:background-repeat:设置背景图是否重复的,重复方式的。
a:background-repeat:no-repeat; 不重复
b:background-repeat:repeat-x; 横向重复
c:background-repeat:repeat-y; 纵向重复
小技巧:可以利用1像素或者周期性图片的图片来做网页的平铺背景
css的长度单位:
— px:像素点,像素就是显示器显示的一个点
— em:1em=16px
TIPs:分辨率更高的电脑,那么是几个点来表示一个像素,色彩显示就更加的精细,效果更好,普通电脑上的分辨率是一个点对应一个像素
一般文字大小是12 和 14 px
文本外观属性:
1:color 文本颜色
2:letter-spacing:字间距,字符与字符之间的空白
3:word-sapce:单词间距,定义英文单词之间的间距,对中文字符无效
4:line-hight:行高,文本顶部+文本顶部+一倍行距 -----使用最多,因为可以让单行文本垂直居中
为了严格保证字在行里面居中。约定: 行高、字号,一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。
5:text-decoration:用来设置文本的下划线
none:没有装饰(可以去掉a标签的下划线)
underline:下划线 overline:上划线
line-through:删除线
6:text-align :设置文本内容的水平对齐,相当于html中的align对齐属性
7:text-indent:首行缩进,用于设置段落首行文本的缩进,只能设置于块级标签,可以是负值,实际应用放在网站的图标文字缩进
TIPs:实现单行文本垂直居中:行高(line-hight)等于p盒子的高度。
以上就是本文的全部内容了,希望大家能够喜欢。
【相关教程推荐】
1. Tutoriel vidéo CSS
2 Manuel CSS en ligne
3 Tutoriel bootstrap