0

0

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

PHPz

PHPz

发布时间:2016-05-16 12:03:28

|

4232人浏览过

|

来源于CSDN博客

转载

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

趣问问AI
趣问问AI

免费可用的国内版chat,AI写作和AI对话

下载

相关文章

相关标签:

css

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Word 字间距调整方法汇总
Word 字间距调整方法汇总

本专题整合了Word字间距调整方法,阅读下面的文章了解更详细操作。

2

2025.12.24

任务管理器教程
任务管理器教程

本专题整合了任务管理器相关教程,阅读下面的文章了解更多详细操作。

2

2025.12.24

AppleID格式
AppleID格式

本专题整合了AppleID相关内容,阅读专题下面的文章了解更多详细教程。

0

2025.12.24

csgo视频观看入口合集
csgo视频观看入口合集

本专题整合了csgo观看入口合集,阅读下面的文章了知道更多入口地址。

29

2025.12.24

yandex外贸入口合集
yandex外贸入口合集

本专题汇总了yandex外贸入口地址,阅读下面的文章了解更多内容。

58

2025.12.24

添加脚注通用方法
添加脚注通用方法

本专题整合了添加脚注方法合集,阅读专题下面的文章了解更多内容。

1

2025.12.24

重启电脑教程汇总
重启电脑教程汇总

本专题整合了重启电脑操作教程,阅读下面的文章了解更多详细教程。

3

2025.12.24

纸张尺寸汇总
纸张尺寸汇总

本专题整合了纸张尺寸相关内容,阅读专题下面的文章了解更多内容。

5

2025.12.24

Java Spring Boot 微服务实战
Java Spring Boot 微服务实战

本专题深入讲解 Java Spring Boot 在微服务架构中的应用,内容涵盖服务注册与发现、REST API开发、配置中心、负载均衡、熔断与限流、日志与监控。通过实际项目案例(如电商订单系统),帮助开发者掌握 从单体应用迁移到高可用微服务系统的完整流程与实战能力。

1

2025.12.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.5万人学习

CSS教程
CSS教程

共754课时 | 16.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号