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:继承父元素
瑞了瑞了!!!
有垣曰苑,无垣曰囿😉😉
临江仙 夜归临皋 苏轼
夜饮东坡醒复醉,
归来仿佛三更。
家童鼻息已雷鸣。
敲门都不应,
倚杖听江声。
长恨此身非我有,
何时忘却营营?
夜阑风静彀纹平。
小舟从此逝,
江海寄余生。