css-常用样式

常用样式

文字样式

id 200 class 10 标签 1

属性	常用	描述
font		在一个声明中设置所有的字体属性
font-family		指定文本的字体系列
font-size		指定文本的字体大小
font-style	italic =标签	指定文本的字体样式
font-variant	small-caps	以小型大写字体或者正常字体显示文本。
font-weight	bold=标签	指定字体的粗细。
@font-face		自定义字体

@font-face {
  font-family: 字体名字;
  src: url(字体地址);
}

文本样式

属性	描述	常用
color	设置文本颜色
direction	设置文本方向。
letter-spacing	设置字符间距
line-height	设置行高	一般用来竖直的剧中效果
text-align	对齐元素中的文本	居中center
text-decoration	向文本添加修饰	下划线 删除线
text-indent	缩进元素中文本的首行	p标签 2em
text-shadow	设置文本阴影	水平，竖直，模糊度 ，颜色
text-transform	控制元素中的字母	首字母大写 capitalize
white-warp	控制元素换行	break-word换行 nowrap不换行
word-spacing	设置字间距

背景

属性	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。
background-size	设置背景覆盖完全 ，
background-origi n	背景盒子模型定位
background-clip	背景裁剪

边框

属性	描述
border	简写属性，用于把针对四个边的属性设置在一个声明。	线宽，样式，颜色
border-style	用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
border-width	用于为元素的所有边框设置宽度
border-color	设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。
top	上
left	左
bottom	下
right	右
box_shadow	盒子阴影
transition	速度