文字样式有关的css

文本元素表现的想一些内联元素，被布置到相邻的行上，除非达到了行的尽头，否则是不会换行的，后者你想强制的，手动的造成换行的，使用br元素

普通文本样式

1 .包含在元素中的文本是作为一个单一的实体。你不能将文字其中一部分选中添加样式，如果你要这么做，你比粗要使用适合的元素来包装他们，比如span，strong，或者使用伪元素，像：：first-letter选中元素文本的第一个字母或者::selection当前贯标选中的文本。
2 .字体种类：浏览器只会把当前机器上可用的字体应用到当前正在访问的网站上，如果字体不可用，那么就会用浏览器默认的字体替代default font
3 .网页安全字体：某几个字体通常可以应用到所有系统，因为可以毫无顾忌的使用，这些字体就是网页安全字体。https://www.cssfontstack.com/ 查询的网址
4 .字线栈：浏览器就可以选择多个字体进行选择了：font-family: "Trebuchet MS", Verdana, sans-serif;他的最后一个可以提供一个合适的通用字体名称。
5 .字体大小：

px:绝对单位，将像素的值赋予给文本，在任何情况下，页面上的文本所计算出来的像素值都是一样的。

em:相对值：1em等于当前元素的父元素上所设置的字体大小。

rem:相对值：1rem等于当前html根元素的字体大小，而不是父元素，这样可以更加容易的计算字体大小。一切都是从整个文档的根元素html开始

6 .元素的font-size是从该元素的父元素继承的，所以这一切都是从整个文档的根元素--html开始。浏览器的font-size默认值是16px

7 .text-randering:定义浏览器渲染引擎如何渲染字体，浏览器会在速度，清晰度，几何精度之间进行权衡

8 .text-underline-position:指定下划线的排版位置。

9 .font-size-adjust:独立于字体的事迹大小尺寸，调整可视大小尺寸。定义字体大小应该取决于小写字母，而不是大写字母，在字体较小的时候，字体的可读性由小写字母的大小决定，通过此选项可以进行调整。

移动端适配方法

1 .高度设置固定值，宽度撑满整个屏幕
2 .利用百分比设置元素的大小来进行适配
3 .flex来实现自适应。需要设置一个最小值
4 .media query 属性来进行适配，根据屏幕的不同大小设置对应的css样式
5 .rem设置根元素，其他的基于这个值，然后根据不同的情况，只需要改根元素的rem，其他的值都自动改了。
6 .字体样式 font-style:打开和关闭文本的斜体
7 .font-weight:设置字体的粗体大小
8 .font-transform:允许你设置要转换的字体。

1.none.防止任何转型
2.uppercase.将所有文本转为大写
3.lowercase.将所有文本转为小写
4.capitalize:转换所有单词让其字母大写
5.full-width:将所有的字形转换为固定宽度的正方形。类似于等宽字体。

9 .text-decoration:取消，设置字体上的文本装饰，这个值是可以一次接受多个值的。
10 .text-shadow:也是可以接受几组值来渲染文字阴影

文本布局方面样式

1 .text-align:控制文字在div内水平对齐方式。一个特殊的值是justify使文本展开，改变单词之间的差距，使所有文本行的宽度相同。但是使用没有生效
2 .line-height:可以设置大多数单位，但是绝大数情况下，使用乘数是更好的做法。推荐行高1.5-2倍。
3 .letter-space,word-space:文本字母和字母之间的间距，或者单词之间的间距。
4 .text-indent:文本第一行前面溜出多少水平空间。
5 .white-space:处理元素内部的空白和空行
6 .text-overflow:如何显示溢出的文字元素
7 .hyphens:为支持的语言开启或者关闭连字符

8 .line-break:对东亚语言采取更强或者更弱的换行规则
9 .direction:定义文本的方向。

word-wrap,writing-mode,line-break,word-break,white-space,

1 .word-wrap:word-break。是否允许浏览器在单词内断句，如果一个字符串太长而找不到他的自然断句点时产生溢出现象。用了这个css的时候，长串的英文就会新开下一行，然后在下一行开始自然断句
2 .word-break:break-all。标明怎么进行单词内断句。长单词断句的时候不会移到下一行，而是直接在原来那一行进行操作。总之，如果你想更节省空间，就使用这个属性。
3 .

placeholder文字样式

1 .可以直接在input里面设置
2 .使用特殊的样式选择器
3 .

div内文字水平垂直居中

    height:20px;
//这个不加还不行
    display: flex;
    align-items: center;
    justify-content: center;