CSS基础属性大全

简介: CSS基础属性大全

文字属性

字体:font;


文本字体:font-family;


文本字号:font-size;


文本字体样式:font-style;


文本字体粗细:font-weight;


文本字体行高:line-height;


内容水平对齐:text=align;


文本缩进:text-index;


文本大小写:text-transform;


文本不换行:white-space;


文本溢出裁切:text-overflow;


文本下划线:text-decoration;


文本阴影:text-shadow;


颜色:color;


边框属性

边框:border


上下左右边框:border-top/right/bottom/left;


圆角边框:border-radius;


阴影:box-shadow;


尺寸属性

固定宽度:width;


最小宽度:min-width;


最大宽度:max-width;


固定高度:height;


最小高度:min-height;


最大高度:max-height;


溢出方式:overflow;


横向溢出:overflow-x;


纵向溢出:overflow-y;


背景属性

背景:background;


背景颜色:background-color;


背景图像:background-image;


铺排填充:background-repeat;


滚动固定:background-attachment;


背景图像位置:background-position;


背景尺寸大小:background-size;


盒子属性

外边距:margin;


外上右下左边距:margin-top/right/bottom/left;


内边距:padding;


内上右下左边距:padding-top/right/bottom/left;


浮动:float;


清除浮动:clear;


显示方式:display;


伪类属性

默认链接状态::link(a:link);


访问过的链接::visited(a:visited);


正在活动链接::active(a:active);


触发的状态:;hover(a:hover);


输入框焦点::focus(input:focus);


CSS3新增

前插入内容:::before(p::before);


后插入内容: ::after(p:after);


首个子元素::first-child;


该类型首个子元素::first-of-type;


父级第N哥子元素: :nth-child;


该类型第N个子元素:   :nth-of-type;


最后子元素:   :last-child;


该类型最后子元素: :last-of-type;


定位属性

定位方式:position;


层叠顺序:z-index


其他属性

列表样式:list-style;


表格:table;


鼠标手势:cursor;


不透明度:opacity;


轮廓:outline;


滚动条:scrollbar;


相关文章
|
2月前
|
前端开发
css的渐变属性linear-gradient
css的渐变属性linear-gradient
|
2月前
|
前端开发
CSS属性:盒子模型
CSS属性:盒子模型
31 0
|
2月前
|
前端开发
CSS属性
CSS属性
29 0
|
6天前
|
Web App开发 前端开发 iOS开发
css所有缩写属性,CSS属性简写整理
css所有缩写属性,CSS属性简写整理
9 1
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
27 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
26天前
|
前端开发
CSS 中哪些属性可以继承
在 CSS 中,属性分为可继承与不可继承。可继承属性会在子元素中沿用父元素的样式设定。常见可继承属性包括:文本属性(如 `font-family`, `color`),列表属性(如 `list-style`),表格布局属性(如 `border-collapse`),以及其他如 `visibility` 和 `direction` 等属性。正确理解这些属性有助于更高效地进行样式设计。
|
6天前
|
前端开发
css简写属性
css简写属性
13 0
|
23天前
|
前端开发 JavaScript
如何在CSS中添加自定义属性
如何在CSS中添加自定义属性
11 0
|
23天前
|
前端开发
运用CSS伪类与属性,巧妙实现背景图片旋转效果
运用CSS伪类与属性,巧妙实现背景图片旋转效果
16 0
|
24天前
|
前端开发
哪些 CSS 属性可以继承?
哪些 CSS 属性可以继承?
40 0