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
如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。