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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了归纳总结CSS中背景设置与文本外观属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1576字，纯文字阅读大概需要3分钟。

内容图文

这篇文章主要介绍了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. CSS视频教程
2. CSS在线手册
3. bootstrap教程

内容总结

以上是互联网集市为您收集整理的归纳总结CSS中背景设置与文本外观属性全部内容，希望文章能够帮你解决归纳总结CSS中背景设置与文本外观属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端