西安嘉瑞德网络公司
当前位置:网站首页 > 网站维护 > 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

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

  • 很多企业运营和站长准备升级官网的时候,最担心的一件事就是改版之后收录下滑、关键词排名丢失,辛苦积累的自然流量付诸东流。先说结论:网站改版本身确实会对收录和排名带来一定影响,但影响大小完全取决于你的改版...
  • 很多老板疑惑,一家企业有没有必要同时搭建两个网站,今天跟大家聊清楚这个问题。答案是可以的,我们不少客户,都采用一主一辅两套网站搭配运营,也就是品牌展示站加上业务推广站。但前提是两个网站定位分开、各司其...
  • 很多小型公司都会纠结一个问题:公司就几个人,业务量也不大,到底有没有必要搭建官网来介绍自己?经常有粉丝私信问我这个问题,今天咱们就好好聊一聊。不少老板觉得,公司规模小,有微信、短视频账号就足够宣传了,...
  • 网站上线后,我们作为用户是可以自行修改网站上的图片和文字内容的。正常来说,网站内容主要分为两大块:一部分是网站的框架,另一部分是框架里面可编辑的内容。框架内的这部分内容,普通用户就可以自己修改。网站上...
  • 小微企业别盲目跟风,AIAgent用错了就是白花钱。最近很多小微企业老板都想上线AIAgent,看到同行都在布局智能化,心里着急,想着别人能用,自己跟上节奏也能降本增效,于是仓促安排。但不少企...
  • AI搜索排名的逻辑已经完全颠覆了传统的SEO,它不再是简简单单的关键词匹配,而是在评估谁更专业、谁更可信。AI推荐名单的底层逻辑到底是什么?左左,一名深耕互联网的创业者,这几年一直在持续研究G...

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