自己在学习前端的时候,css一些常用的属性本来已经学习过了但就是在用的时候,或者过了一段时间就忘记了,所以就自己总结了一些。供大家参考,有不全,请补充,互相学习。
文字属性:
-
字体:font;
-
文本字体:font-family;
-
文本字号:font-size;
-
文本字体样式:font-style;
-
文本字体粗细:font-weight;
-
内容水平对齐:text-align;
-
文本缩进:text-index;
-
文本大小写:text-transform;
-
文本不换行:white-space;
-
文本下划线:text-decoration
-
文本溢出裁切:text-overflow;
-
文本阴影:text-shadow;
-
颜色:color;
边框属性:
-
边框:border;
-
圆角:border-radius;
-
阴影:box-shadow;
尺寸属性:
-
固定宽度:width;
-
最小宽度/高度:min-width/height;
-
最大宽度/高度:max-width/height;
背景属性:
-
背景:background;
-
背景颜色:background-color;
-
背景图像:background-image;
-
铺排填充:background-repeat;
-
滚动固定:background-attachment;
-
背景图形位置:background-position;
-
背景尺寸大小:background-size;
-
常用组合:background:url() no-repeat;
盒子模型:
-
外边距:margin;
-
内边距:padding;
-
浮动:float;
-
清除浮动:clear;
-
显示方式:display;
-
定位方式:position;
-
层叠顺序:z-index;
伪类属性:
-
向未被访问的链接添加样式::link;
-
向已被访问的链接添加样式::visited;
-
向被激活的元素添加样式::active;
-
向拥有键盘输入焦点的元素添加样式::focus;
-
当鼠标悬浮在元素上方时,向元素添加样式::hover;
-
向元素的第一个子元素添加样式::fist-child;
-
向带有指定lang属性的元素添加样式::lang;
伪元素:
-
:first-letter:向文本的第一个字母添加特殊样式。
-
:first-line:向文本的首行添加特殊样式。
-
:before:在元素之前添加内容。
-
:after:在元素之后添加内容。