CSS属性大全

文字属性:

  1. 字体:font: 10px;

  2. 文本字体:font-family: 宋体;

  3. 文本字号:font-size: 10px;

  4. 文本字体样式:font-style: normal;

  5. 文本字体粗细:font-weight: 700;

  6. 文本字体行高:line-height: 10px;

  7. 内容水平对齐:text-align: center;

  8. 文本缩进:text-indent: 10em;

  9. 文本大小写:text-transform: capitalize;

  10. 文本不换行:white-space: normal;

  11. 文本溢出裁切:text-overflow: clip;

  12. 文本下划线:text-decoration: none;

  13. 文本阴影:text-shadow: none;

  14. 颜色color: red;


边框属性:

  1. 边框:border;

  2. 上边框:border-top;

  3. 右边框:border-right;

  4. 下边框:border-bottom;

  5. 左边框:border-left;

  6. 圆角边框:border-radius;

  7. 阴影: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;

外右边距:margin-right;

外下边距:margin-bottom;

外左边距:margin-left;

内边距/内填充/内补白:padding;

内上边距:padding-top;

内右边距:padding-right;

内下边距:padding-bottom;

内左边距:padding-left;

浮动:float;

清除浮动:clear;

显示方式:display;

伪类属性:

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

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

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

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

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

CSS3新增:

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

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

插入内容:content;

收个子元素::first-child;

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

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

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

最后子元素::last-child;

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

定位属性:

定位方式: position;

顶边界向下偏移位置:top;

右边界向左偏移位置:right;

底边界向上偏移位置:bottom;

左边界向右偏移位置:left;

层叠顺序:z-index;

其他样式:

列表样式:list-style;

表格: table;

鼠标手势: cursor;

不透明度:opacity;

轮廓:outline;

滚动条:scrollbar;

公典样式:

重定义浏览器默认样式: css reset;

媒体查询:

媒体查询:mediaCSS;