西安嘉瑞德网络公司
当前位置:网站首页 > 网站维护 > CSS常见的属性有那些 返回列表

CSS常见的属性有那些

发布时间:2024-07-09来源:admin

css常见属性:

背景:

background;复合属性。设置对象的背景特性。

background-attachment;设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。

background-color;设置或检索对象的背景颜色。

background-image;设置或检索对象的背景图像。

background-position;设置或检索对象的背景图像位置。必须先指定background-image属性。

background-repeat;设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。

background-clip;指定对象的背景图像向外裁剪的区域。

background-origins;设置或检索对象的背景图像计算background-position时的参考原点(位置)。

background-size;检索或设置对象的背景图像的尺寸大小。


字体:

font;在一个声明中设置所有字体属性

font-family;规定文本的字体系列

font-size;规定文本的字体尺寸

font-style;规定文本的字体样式

font-variant;规定文本的字体样式

font-weight;规定字体的粗细

@font-face;一个规则,允许网站下载并使用其他超过”Web- safe”字体的字题

font-size-adjust;为元素规定 aspect 值

font-stretch;收缩或拉伸当前的字体系列


边距:

margin;在一个声明中设置所有外边距属性

margin-bottom;设置元素的下外边距

margin-left;设置元素的左外边距

margin-right;设置元素的右外边距

margin-top;设置元素的上外边距

padding;在一个声明中设置所有填充属性

padding-bottom;设置元素的底填充

padding-left;设置元素的左填充

padding-right;设置元素的右填充

padding-top;设置元素的顶部填充


弹性盒子:

flex;复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。

flex-grow;设置或检索弹性盒的扩展比率。

flex-shrink;设置或检索弹性盒的收缩比率。

flex-basis;设置或检索弹性盒伸缩基准值。

flex-flow;复合属性。设置或检索弹性盒模型对象的子元素排列方式。

flex-direction;该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。

flex-wrap;该属性控制flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。

align-content;在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。

align-items;定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。

align-self;定义flex子项单独在侧轴(纵轴)方向上的对齐方式。

justify-content;设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。

order;设置或检索弹性盒模型对象的子元素出现的順序。

这些都是一些比较常见和常用的属性,还有一些不常用和常见的或者一些基本的就不多说了。

联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 企业网站建设的价格不仅是为了展示公司更多的侧重于营销,短视频火热的今天,好多人进入了一个误区,认为当下网站基本上没有什么作用了,短视频以及社媒才是当下的营销宣传和热门了,如果你是这样想的,那你肯定是没...
  • 企业网站建设之前这些事项和问题要搞清楚。企业网站对于一家企业来说,就是对外的门面,就是用来宣传公司的形象,展示公司的产品和服务的,而你在做网站之前,是看到你的同行做了一个网站,至于这个网站在制作之前,...
  • 外贸独立站网站建设制作的价格差距为什么这么大呢,大家都知道凡是做的时间长的一些外贸公司,都是通过外贸独立网站推广运营来持续不断的获客,并且通过建设制作多个外贸网站,然后通过大量的广告,以及网站推广运营...
  • 公司官网建设制作好效果远远超过你的想象,为什么这么说呢,因为现在好多公司的感觉公司官网的作用和用处已经不是很大的,处于可有可无的一种情况,如果你也是这样认为的话,拿你就大错特错了,作为现在的公司,如果...
  • 做网站预算不足如何实现想要的网站呢,当下做网站是一件比较简单的事情,只要你想要自己想要的效果了,没有办不到的,就看你怎么去实现了而已,举个简单的例子,面对这样的情况,最简单的办法就是找到对标的网站,一...
  • 高端定制开发网站究竟高端在那里呢,网站的使用已经有几十年的发展历程了,在这几十年当中,不少人从小白都慢慢的变成了网站审美高手了,从当初对网站的不了解,到现在利用网站进行营销推广自己公司的产品和服务了,...

网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备2023001199号