css属性8大类

在CSS这门语言中,有许多属性可以帮助我们样式化页面元素。这些属性在整个语言中大致可以分为8大类,分别是:

盒模型属性
布局属性
尺寸属性
排版属性
字体属性
背景属性
渐变和过渡属性
动画属性

css属性8大类

1. 盒模型属性:盒模型属性控制元素的盒模型,也就是元素的宽度、高度、内边距和外边距等。其中包括

width、height、padding、margin、border、Box-sizing等。

2. 布局属性:布局属性主要控制页面元素的排列方式。其中最常用的是float和position属性。其中包括

float、position、display、flex等。

3. 尺寸属性:尺寸属性控制页面元素的尺寸,比如宽度、高度、字号等。其中包括

font-size、line-height、text-indent等。

4. 排版属性:排版属性控制文本在页面中的排版方式,比如对齐方式、行距等。其中包括

text-align、vertical-align、word-spacing等。

5. 字体属性:字体属性控制文本的字体。其中包括

font-family、font-style、font-weight、font-size等。

6. 背景属性:背景属性控制元素的背景图片、颜色等。其中包括

background-color、background-image、background-size等。

7. 渐变和过渡属性:渐变和过渡属性可以让页面元素在不同状态下平滑地过渡。其中包括

linear-gradient、radial-gradient、transition-property、transition-duration等。

8. 动画属性:动画属性可以让页面元素动起来。其中包括

animation-name、animation-duration、animation-iteration-count等。

总的来说,CSS属性的种类繁多,但只要掌握了这8大类,就可以很好地控制页面的样式。当然,除了这些属性,还有许多其他的属性,在具体开发中还需要进行细致的研究。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效