首页 > web前端 > css教程 > 归纳总结CSS中背景设置与文本外观属性

归纳总结CSS中背景设置与文本外观属性

PHPz
发布: 2018-11-06 15:51:05
转载
3029 人浏览过

这篇文章主要介绍了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

相关标签:
css
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板