WEB前端CSS继承属性

无继承性的属性

display：规定元素应该生成的框的类型

文本属性：

vertical-align：垂直文本对齐

text-decoration：添加文本装饰

text-shadow：文本阴影效果

white-space：空白符的处理

unicode-bidi：设置文本的方向

盒子模型的属性：

width、height

margin、margin-top/right/bottom/left

border、border-top/right/bottom/left

border-style、border-top/right/bottom/left-style

border-width、border-top/right/bottom/left-width

border-color、border-top/right/bottom/left-color

padding、padding-top/right/bottom/left

背景属性：

background

background-color

background-image

background-repeat

background-position

background-attachment

定位属性：

float

clear

position

top/right/bottom/left

min-width/min-height、max-width/max-height

overflow

clip

z-index

生成内容属性：

content

counter-reset

counter-increment

轮廓样式属性：

outline-style

outline-width

counter-color

outline

有继承性的属性

字体系列属性

font：组合字体

font-family：字体系列

font-weight：字体粗细

font-size：字体尺寸

font-style：字体风格

font-variant：小写字母转换为大写，字体尺寸更小

font-stretch：对当前font-family进行伸缩变形。所有主流浏览器不支持。

font-size-adjust：为某个元素规定一个aspect值，保持首选字体的x-height

文本系列属性

text-indent：文本缩进

text-align：文本水平对齐

line-height：行高

word-spacing：字间距

letter-spacing：字符间距

text-transform：控制文本大小写

direction：文本书写方向

color：文本颜色

元素可见性：visibility

表格布局属性

caption-side

border-collapse

border-spacing

empty-cells

table-layout

列表布局属性

list-style-type

list-style-image

list-style-position

list-style

生成内容属性：quotes

光标属性：cursor

页面样式属性

page

page-break-inside

windows

orphans

免责声明：内容和图片源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容

对于前端的人来说，想要入门Web前端技术，首先要了解的当然是Web前端有哪些知识点是必须掌握的。从前端产生到现在，已经从简陋的HTML，CSS，JavaScript三把刷子做出来静态网页的时代，发展到现在视觉效果酷炫，适用终端广泛，开发手段丰富多样的更广阔的发展时代。HTML、CSS，JavaScript是学习前端的基础，特别是JavaScript，我们对前端基础的掌握程度，极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript，我们使用的框架也是用JavaScript开发的。此外，我们还需要学习运行的机制和原理。不仅是框架的原理，也还包括JavaScript语言和浏览器引擎的原理。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上，需要深入到了解内部原理和运行机制的层面上。