常用的一些css

日期:2017年4月01日      标签:CSS

开个坑记录下用到的一些css,持续更新!

CSS vendor prefixes 浏览器常用私有前缀

 -khtml- (Konqueror, really old Safari)
 -moz- (Firefox)
 -o- (Opera)
 -ms- (Internet Explorer)
 -webkit- (Safari, Chrome)

outline 定义输入元素的blur的时候的边框样式

input {  
    outline: none; //移除
    // outline: 1px solid #f00; 也可以设置样式
}

box-sizing 可以改变div的盒子模型

div {  
    box-sizing: border-box;
}

user-select 禁止用户选择文本

p {  
    user-select: none;
}

cursor 鼠标悬停样式

div {  
    cursor: cursor; // 箭头
    cursor: pointer; // 手
    cursor: move; // 移动
    cursor: wait; // 运行中,等待
    cursor: text; // 文本
    cursor: help; // 问好
}

white-space 处理元素内的空白

div {  
    white-space: nowrap; // 不换行
    white-space: pre; // 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 

}

(正文完)



© 喻小右 2016 京ICP备15064386号-1