CSS进阶06.07

1.常见css属性

1.1 边框样式

border: 宽度 样式 颜色 （border-top/left/right/bottom,对某一边框单独设置）也可以用border-top-width等单独对某一边框的某一属性进行设置     

1.2 文字样式

color : 颜色

font-size : 大小

font-family : 类型

font-style : 风格（斜体）

font-weight : 粗细

1.3 文本样式

text-align : 水平方向文本对齐方式

line-height : 行高（与容器高度一致时，内容会垂直居中）

letter-spacing : 字体间距

text-indent : 首行缩进

vertical-align : 调整 垂直方向的对齐方式：调整一行字中某个字的垂直位置

text-decoration : 文本修饰线

text-shadow : 文本阴影（水平 垂直 模糊距离 阴影颜色）

box-shadow : 设置容器阴影（x轴偏移 y轴偏移 模糊度 阴影颜色）

list-style : 列表样式（点/数字）用于列表标签 ul ol 

1.4 背景样式

 background : 颜色 图片 平铺方式 水平位置 垂直位置 / 宽度 高度

平铺方式（no-repeat 不平铺、repeat 全平铺、repeat-x 水平平铺、repeat-y 垂直平铺）

背景位置

1.像素值

2.百分比

3.关键字（水平: left center right）(垂直: top center bottom)

设置多张背景图片：

background属性后的内容用逗号隔开

1.5 动画效果

 1.鼠标悬浮：

选择器：hover{

        样式属性：值；

}

2.过度效果

transition 过渡是元素从一种样式逐渐改变为另一种的效果

当元素中的某个属性变化的时候，以动画的方式呈现属性的变化过程

选择器{

        transition ： 样式属性 时间；

}

3.overflow：属性规定当内容溢出元素框时发生的事情

取值	说明
hidden	内容会被修剪，并且其余内容是不可见的。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。