
专注用户体验设计与开发
商务合作
- 邮箱:2528823962@qq.com
- 手机:180 6652 8545
- 座机: 029-8619-5145
- 地址:陕西省西安市未央元朔路明丰伯马都A座10820室
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号
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;设置或检索弹性盒模型对象的子元素出现的順序。
这些都是一些比较常见和常用的属性,还有一些不常用和常见的或者一些基本的就不多说了。
专注用户体验设计与开发
网站地图 Copyright © 2015 西安嘉瑞德网络科技有限公司
陕ICP备2023001199号