认识达内从这里开始

css是我们在学习网页设计的时候需要重点掌握的网页开发技术知识，今天我们就一起来了解一下，网页开发中css的常用属性都有哪些。

1.vertical-align

CSS的属性vertical-align用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

就像定义说的，这个属性允许你垂直对齐文本。它对于顺序指示器(st,nd等)、需要的输入星号(*)或没有正确居中的图标特别有用。vertical-align取其中一个值:super|top|middle|bottom|baseline(default)|sub|text-top|text-bottom，或从基线开始的长度(px，%，em,rem等等)。

baseline:使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线，如<textarea>，这意味着这些元素使用此值的表现因浏览器而异。

sub：使元素的基线与父元素的下标基线对齐。

super：使元素的基线与父元素的上标基线对齐。

text-top：使元素的基线与父元素的上标基线对齐。

text-bottom：使元素的底部与父元素的字体底部对齐。

middle：使元素的中部与父元素的基线加上父元素x-height(译注：x高度)的一半对齐。

2.writing-mode

writing-mode属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向。为整个文档设置书时，应在根元素上设置它(对于HTML文档应该在html元素上设置)。它采用以下值之一horizontal-tb(default)|vertical-rl|vertical-lr。

horizontal-tb：对于左对齐(ltr)脚本，内容从左到右水平流动。对于右对齐(rtr)脚本，内容从右到左水平流动。下一水平行位于上一行下方。

vertical-rl：对于左对齐(ltr)脚本，内容从上到下垂直流动，下一垂直行位于上一行左侧。对于右对齐(rtr)脚本，内容从下到上垂直流动，下一垂直行位于上一行右侧。

vertical-lr：对于左对齐(ltr)脚本，内容从上到下垂直流动，下一垂直行位于上一行右侧。对于右对齐(rtr)脚本，内容从下到上垂直流动，下一垂直行位于上一行左侧。

3.font-variant-numeric

font-variant-numericCSS属性控制数字，分数和序号标记的替代字形的使用。

它采用以下这些值之一：normal|ordinal|slashed-zero|lining-nums|oldstyle-nums|proportional-nums|tabular-nums|diagonal-fractions|stacked-fractions。

此属性对于设置数字样式很有用。根据情况，你可能希望显示老式的数字或带有斜杠的零，对于这些情况，font-feature-settings很有用。

4.user-select

每当我们有不想让用户选择的文本，或者相反，如果发生了双击或上下文单击，希望选择所有文本时，user-select属性将非常有用。

此属性采用以下值之一：none|auto|text|all。

none：元素及其子元素的文本不可选中。请注意这个Selection对象可以包含这些元素。从Firefox21开始，none表现的像-moz-none，因此可以使用-moz-user-select:text在子元素上重新启用选择。

auto

auto的具体取值取决于一系列条件，具体如下：

在::before和::after伪元素上，采用的属性值是none

如果元素是可编辑元素，则采用的属性值是contain

否则，如果此元素的父元素的user-select采用的属性值为all，则该元素采用的属性值也为all

否则，如果此元素的父元素的user-select采用的属性值为none，则该元素采用的属性值也为none

否则，采用的属性值为text

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。