CSS背景、文字、字符间距
背景:
background-repeat:
值 | 描述 |
---|---|
repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
repeat-x | 背景图像将在水平方向重复。 |
repeat-y | 背景图像将在垂直方向重复。 |
no-repeat | 背景图像将仅显示一次。 |
inherit | 规定应该从父元素继承 background-repeat 属性的设置。 |
背景不变可以滚动:
值 | 属性 |
---|---|
background-attachment | fixed |
节省代码量的写法:
eg:background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;
字体-文字:
font-family:“宋体”;
font-size:默认为**16px = 1em**
font-weight:(100-900)
值 | 属性 |
---|---|
normal | 普通 |
lighter | 细 |
bold | 粗体 |
italic | 斜体 |
**字符间距:**word-spacing
direction属性:
值 | 属性 |
---|---|
ltr | 默认。文本方向从左到右。 |
rtl | 文本方向从右到左。 |
inherit | 规定应该从父元素继承 direction 属性的值。 |
文本对齐的方式:
值 | 属性 |
---|---|
left | 把文本排列到左边。默认值:由浏览器决定。 |
right | 把文本排列到右边。 |
center | 把文本排列到中间。 |
justify | 实现两端对齐文本效果。 |
inherit | 规定应该从父元素继承 text-align 属性的值。 |
**首行缩进:**缩进60像素
eg: text-indeed:60px;
大小写字母:
text-transform:
值 | 属性 |
---|---|
none | 默认。定义带有小写字母和大写字母的标准的文本。 |
capitalize | 第一个字母大写 |
uppercase | 全大写。 |
lowercase | 全小写 |
inherit | 规定应该从父元素继承 text-transform 属性的值。 |
垂直对齐:
vertical-align: (这里就讲几个常见的)
值 | 属性 |
---|---|
top | 把元素的顶端与行中最高元素的顶端对齐 |
middle | 把此元素放置在父元素的中部。 |
bottom | 把元素的顶端与行中最低的元素的顶端对齐。 |
CSS背景、文字、字符间距相关推荐
- CSS:letter-spacing字符间距
1.概述 CSS 的 letter-spacing 属性用于设置文本字符的间距表现.在渲染文本时添加到字符之间的自然间距中.letter-spacing 的正值会导致字符分布得更远,而 letter- ...
- html css中文字段落间距怎么设置,[HTML/CSS应用]博客文档排版之设置合适的行间距与段间距...
幸福是心的感觉 生活中不缺美,缺的是发现美的眼睛.有句话说得很精辟:"山坡上开满了鲜花,但在牛羊的眼中,那只是饲料." 生活中不缺幸福,缺的是发现幸福的眼睛.有句话总结得挺到位:& ...
- 如何在ps中调整文字的行距和间距_Wps如何调整文字字符的间距
Wps如何调整文字字符的间距wps是金山软件公司的一种常用的办公软件,对我们的日常办公起到了很重要作用,那么大家对它的一些功能又有多少了解呢?在wps中大家知道该如何调整文字字符间距呢?今天小编就给大 ...
- css中字体之间的距离是什么意思,css字符间距(css文字间距怎么设置)
怎么样控制字和字之间的间距,而不是行间距. 在需要设置的CSS标签下加入一下代码即可.word-spacing:8px;letter-spacing: 1px; line-height:25px是绝对 ...
- php 字体间距,深入理解CSS文字间距word-spacing与字符间距letter-spacing的不同(附代码)...
CSS 把"字(word)"定义为任何非空白符字符组成的串,并由某种空白字符包围.letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白. ...
- 单行文字、多行文字溢出时省略号表示的多种解决方式;调整字符间距;段落首字母大写缩进效果;
文本溢出省略号表示的实现效果: 1.解决单行文字溢出: 解决方式: 在文字容器样式中添加 overflow:hidden; text-overflow:ellipsis; white-space: n ...
- html 文字在背景图片上,如何让文字作为CSS背景图片显示
在实际开发中,有时候希望文字内容可以作为背景图片显示,一方面是希望利用背景图片的优势,例如可以平铺,另外一方面是常见的替换元素不能使用伪元素创建文字,此时只能寄希望与背景图. 关键如何把文字变成背景图 ...
- CSS行间距line-height和字间距、字体间距、字符间距详解
行间距line-height 行高line-height的值可以为百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值.其百分比取值是基于字体的高度尺寸. 在文章中,要实现调节设置每行文字字 ...
- c语言如何字符间距,css 字间距、CSS字体间距、css 字符间距设置
「CSS」文本编排相关的CSS属性设置 1.font-family:设置字体族. 格式为font-family:字体1,字体2,--,通用字体族|inherit. 通用字体族,是指一类相似的字体.W3 ...
最新文章
- 每天最少编码1000行
- java安全编码指南之:Mutability可变性
- 【牛客 - 317G】小a的排列(模拟,构造)
- 程序员必备软技能之科技趋势(一)
- 《领域驱动设计 DDD》核心知识梳理笔记
- token登录最详细代码实例
- [转载]班主任带着学生打副本 每周学习成绩就是DKP(这篇太雷人了,转载保持)...
- 机器学习实战—逻辑回归—信用卡欺诈检测
- 六度分离(floyd算法,SPFA算法,最短路—Dijkstra算法)
- 谷歌:科技让世界更美好
- C++编程练习 利用嵌套循环实现各类三角形图案
- 售前售后问题(甲润)
- wireshark网络分析器的学习使用
- linux下安装redis和phpredis扩展
- 热插拔48块硬盘服务器,中云网眼WEM-SAN100/48B48盘位网络存储设备IP-SAN
- service mysql k8s_Kubernetes/K8S基础使用方法总结【五】——Service
- 破除对于XP半开连接数限制的误解
- Java运算符-逻辑运算符
- 冒险岛2乐器制作详细方法
- vant-ui 使用
热门文章
- QT界面:QDockWidget停靠窗口使用小结
- matlab perceptron,matlab 实现感知机线性二分类算法(Perceptron)-Go语言中文社区
- numpy矩阵乘法中的multiply,matmul和dot
- 江苏广电总台面试java_江苏广电25位面试官坐镇终面
- TSA优化算法——模仿航海过程中外套的喷气推进和蜂群行为(Matlab代码实现)
- python格式化输出多个变量_Python变量的格式化输出
- 2022-2028全球与中国紧急广播系统市场现状及未来发展趋势
- Java 如何将String转化为int或者integer
- YOLOv5的模型构建源码详解|CSDN创作打卡
- css书本效果,如何使用纯CSS实现3D书本效果