css学习二
CSS 学习二
继续
CSS 单位
相对长度
em：当前元素的字体尺寸ex：英文字母小x的高度ch：数字0的高度vw：视窗宽度，1vm=视窗宽度的1%vh：视窗高度，1vm=视窗高度的1%vmin：vm和vh中较小的那个vmax：vm和vh中较大的那个%：😁😁😁
绝对长度
cm：厘米mm：毫米in：英寸px：像素pt：1pt = 1/72inpc：1pc = 12 pt
CSS Text
-
color：设置文本颜色 -
direction：设置文字方向ltr：从左向右（默认）rtl：从右向左ingerit：继承父元素
-
letter-spacing：设置字符间距noraml：字符间没有额外的空间length：使用固定空间（可以为负值）inherit：继承父元素
-
line-height：设置行间距normal：默认number：设置数字，会与字体尺寸相乘得到行间距length：固定值%：字体尺寸的百分比为行间距inherit：继承父元素
-
text-align：文本的水平对齐方式left：左对齐（默认）right：右对齐center：居中justify：两端对齐inherit：继承父元素
-
text-decoration：添加文本修饰none：无修饰（默认）underline：下划线overline：上划线line-through：删除线blink：闪烁效果inherit：继承父元素
-
text-indent：首行缩进length：固定缩进%：基于父元素宽度的百分比缩进inherit：继承父元素
-
text-shadow：文本阴影h-shadow：必需，允许负值，水平阴影位置v-shadow：必需，允许负值，垂直阴影位置blur：模糊的距离color：阴影的颜色
-
text-transform：字母样式none：默认capitalize：每个单词以大写字母开头uppercase：全部大写lowercase：全部小写inherit：继承父元素
-
unicode-bidi：是否重写文本，需要配合direction使用normal：默认embed：创建一个附加的嵌入层面bidi-override：创建一个附加的嵌入层面，按照direction属性重新排序initial：设置默认值inherit：继承父元素
这里embed属性和normal属性如果单独使用，最终样式看来是没有区别的。
但是embed会创建一个附加的嵌入层面，因为在bidi-override属性值里面，normal是不会起作用的，因为bidi-override也创建了一个嵌入层面，这个时候就可以使用embed了
-
vertical-align：文本的垂直对齐方式baseline：默认sub：垂直对齐文本下标super：垂直对齐文本上标top：元素顶端与行中最高元素的顶端对齐text-top：元素顶端与父元素字体的顶端对齐middle：元素放于父元素的中部bottom：使元素及其后代元素的底部与整行的底部对齐text-bottom：元素底端与父元素字体的底端对齐length：使元素的基线对齐到父元素的基线之上的给定长度。可以是负数。%：使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。inherit：继承父元素
-
white-space：空白处理方式-
noraml：连续的空白符会被合并，换行符会被当作空白符来处理 -
nowwrap：和 normal 一样，连续的空白符会被合并。但文本内的换行无效 -
pre：连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行 -
pre-wrap：连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行 -
pre-line：连续的空白符会被合并。在遇到换行符或者<br>元素时会换行 -
inherit：继承父元素换行符 空格和制表符 文字换行 行尾空格 normal合并 合并 换行 删除 nowwrap合并 合并 不换行 删除 pre保留 保留 不换行 保留 pre-wrap保留 保留 换行 挂起 pre-line保留 保留 换行 换行
-
-
word-spacing：字间距normal：默认，使用标准空间length：使用指定空间inherit：继承父元素
瑞了瑞了！！！
有垣曰苑，无垣曰囿😉😉
临江仙 夜归临皋 苏轼
夜饮东坡醒复醉，
归来仿佛三更。
家童鼻息已雷鸣。
敲门都不应，
倚杖听江声。
长恨此身非我有，
何时忘却营营？
夜阑风静彀纹平。
小舟从此逝，
江海寄余生。
