京口新闻网

2016.8.12  星期五

网页开发需要学习那些css知识

css是我们在学习网页设计的时候需要重点掌握的网页开发技术知识,今天我们就一起来了解一下,网页开发中css的常用属性都有哪些。网页开发需要学习那些css知识1.vertical-alignCSS的属性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-modewriting-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-numericfont-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在子元素上重新启用选择。autoauto的具体取值取决于一系列条件,具体如下:在::before和::after伪元素上,采用的属性值是none如果元素是可编辑元素,则采用的属性值是contain否则,如果此元素的父元素的user-select采用的属性值为all,则该元素采用的属性值也为all否则,如果此元素的父元素的user-select采用的属性值为none,则该元素采用的属性值也为none否则,采用的属性值为text【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

上一篇:java编程开发程序员面试常见问题
下一篇:没有了