背景:

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背景、文字、字符间距相关推荐

  1. CSS:letter-spacing字符间距

    1.概述 CSS 的 letter-spacing 属性用于设置文本字符的间距表现.在渲染文本时添加到字符之间的自然间距中.letter-spacing 的正值会导致字符分布得更远,而 letter- ...

  2. html css中文字段落间距怎么设置,[HTML/CSS应用]博客文档排版之设置合适的行间距与段间距...

    幸福是心的感觉 生活中不缺美,缺的是发现美的眼睛.有句话说得很精辟:"山坡上开满了鲜花,但在牛羊的眼中,那只是饲料." 生活中不缺幸福,缺的是发现幸福的眼睛.有句话总结得挺到位:& ...

  3. 如何在ps中调整文字的行距和间距_Wps如何调整文字字符的间距

    Wps如何调整文字字符的间距wps是金山软件公司的一种常用的办公软件,对我们的日常办公起到了很重要作用,那么大家对它的一些功能又有多少了解呢?在wps中大家知道该如何调整文字字符间距呢?今天小编就给大 ...

  4. css中字体之间的距离是什么意思,css字符间距(css文字间距怎么设置)

    怎么样控制字和字之间的间距,而不是行间距. 在需要设置的CSS标签下加入一下代码即可.word-spacing:8px;letter-spacing: 1px; line-height:25px是绝对 ...

  5. php 字体间距,深入理解CSS文字间距word-spacing与字符间距letter-spacing的不同(附代码)...

    CSS 把"字(word)"定义为任何非空白符字符组成的串,并由某种空白字符包围.letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白. ...

  6. 单行文字、多行文字溢出时省略号表示的多种解决方式;调整字符间距;段落首字母大写缩进效果;

    文本溢出省略号表示的实现效果: 1.解决单行文字溢出: 解决方式: 在文字容器样式中添加 overflow:hidden; text-overflow:ellipsis; white-space: n ...

  7. html 文字在背景图片上,如何让文字作为CSS背景图片显示

    在实际开发中,有时候希望文字内容可以作为背景图片显示,一方面是希望利用背景图片的优势,例如可以平铺,另外一方面是常见的替换元素不能使用伪元素创建文字,此时只能寄希望与背景图. 关键如何把文字变成背景图 ...

  8. CSS行间距line-height和字间距、字体间距、字符间距详解

    行间距line-height 行高line-height的值可以为百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值.其百分比取值是基于字体的高度尺寸. 在文章中,要实现调节设置每行文字字 ...

  9. c语言如何字符间距,css 字间距、CSS字体间距、css 字符间距设置

    「CSS」文本编排相关的CSS属性设置 1.font-family:设置字体族. 格式为font-family:字体1,字体2,--,通用字体族|inherit. 通用字体族,是指一类相似的字体.W3 ...

最新文章

  1. 每天最少编码1000行
  2. java安全编码指南之:Mutability可变性
  3. 【牛客 - 317G】小a的排列(模拟,构造)
  4. 程序员必备软技能之科技趋势(一)
  5. 《领域驱动设计 DDD》核心知识梳理笔记
  6. token登录最详细代码实例
  7. [转载]班主任带着学生打副本 每周学习成绩就是DKP(这篇太雷人了,转载保持)...
  8. 机器学习实战—逻辑回归—信用卡欺诈检测
  9. 六度分离(floyd算法,SPFA算法,最短路—Dijkstra算法)
  10. 谷歌:科技让世界更美好
  11. C++编程练习 利用嵌套循环实现各类三角形图案
  12. 售前售后问题(甲润)
  13. wireshark网络分析器的学习使用
  14. linux下安装redis和phpredis扩展
  15. 热插拔48块硬盘服务器,中云网眼WEM-SAN100/48B48盘位网络存储设备IP-SAN
  16. service mysql k8s_Kubernetes/K8S基础使用方法总结【五】——Service
  17. 破除对于XP半开连接数限制的误解
  18. Java运算符-逻辑运算符
  19. 冒险岛2乐器制作详细方法
  20. vant-ui 使用

热门文章

  1. QT界面:QDockWidget停靠窗口使用小结
  2. matlab perceptron,matlab 实现感知机线性二分类算法(Perceptron)-Go语言中文社区
  3. numpy矩阵乘法中的multiply,matmul和dot
  4. 江苏广电总台面试java_江苏广电25位面试官坐镇终面
  5. TSA优化算法——模仿航海过程中外套的喷气推进和蜂群行为(Matlab代码实现)
  6. python格式化输出多个变量_Python变量的格式化输出
  7. 2022-2028全球与中国紧急广播系统市场现状及未来发展趋势
  8. Java 如何将String转化为int或者integer
  9. YOLOv5的模型构建源码详解|CSDN创作打卡
  10. css书本效果,如何使用纯CSS实现3D书本效果