1.标签汇总
overflow:hidden 隐藏溢出部分 scroll 添加滚动条 auto 自动
display:none 不保留位置
visibility:hidden 占有位置
border—radius :50% 圆
box—shadow :水平阴影 垂直阴影 模糊距离 阴影尺寸
background:rgba(0,0,0,.5) 透明
outline:none 取消轮廓线
resize:none 防止拖拽
text—overflow:ellipsis 溢出部分用省略号代替
vertical—alight:baseline 基线对齐
vertical—alight:middle 垂直居中
vertical—alight:top 顶部对齐
text—indent :2px 首行缩进
text—decoration:blink (闪烁) underline (下划线) line—through ( 贯穿线) 文本装饰
font—weight:bold 字体加粗
display:block 行内元素转换为块级元素
display:inlink 块级元素转换为行内元素
display: inlink—block 行内 块级元素转换为行内块级元素
border—collapse 边框合并
text—decoration:none 去掉超链接下划线
list—style:none 去掉无序列表前面圆点
2. 伪类
a标签四种伪类:
:link 表示用户没有触发过链接的颜色
:visited 表示用户访问过链接的颜色
:hover 表示用户鼠标悬停这个链接时链接的样式
:active 表示用户用鼠标点击这个链接但不松手时的样式
3.字体
@font-face { /*声明字体 引用字体*/
font-family: "icomoon"; /*我们自己起名字可以*/
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
url('fonts/icomoon.woff?7kkyc2') format('woff'),
url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
font-style: normal; /*倾斜字体正常*/
}