1.多行文字超出隐藏,自动追加 ... 移动端兼容更好,pc下只能兼容 Safari.Opera 以及 Chrome 等部分浏览器,挺常用. (注:为什么要同时加这几个css不在这里详细叙述,详见) /* Safari.Opera 以及 Chrome */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 2.移…

web前端开发常用的10个高端CSS UI开源框架   随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一.下面小编就分享10个顶级的CSS UI开源框架,有兴趣的童鞋可以一起看看看. 1.Bootstrap– 最流行的Web前端UI框架 Bootstrap是由twitter公司推出的Web前端UI框架,由Twitter的设计师Mark Otto和Ja…

虽然说css样式都比较简单,但是某些单词每次都用到还是没记住怎么拼写,都要百度一番,干脆就汇总一下自己经常忘记的这些,也好方便查找. 单行文本溢出: { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } 兼容IE的透明度: { filter: alpha(opacity=90); } 伪元素清除浮动: .clearfix:after{ content: "."; display: block; height…

三角形变形记,用纯css实现的分布导航条效果 <style type="text/css"> ul,li { list-style-type:none; font-size:13px; font-weight:bold; } li { float:left; position:relative; line-height:30px; background:#9BBB38; color:#fff; width:100px; height:30px; text-align:cen…

vim 常用快捷键  原帖地址: https://www.cnblogs.com/tianyajuanke/archive/2012/04/25/2470002.html 1.vim ~/.vimrc 进入配置文件 如果不知道vimrc文件在哪,可使用 :scriptnames 来查看 set nu #行号 set tabstop=4 #一个tab为4个空格长度 set ai  #设置自动缩进 syntax on   #高亮 2.基本 空格键 向右移动一格 x 删除后面的字符 X 删除前一个字符…

user-select 禁止用户选中文本 div { user-select: none; /* Standard syntax */ } 清除手机tap事件后element 时候出现的一个高亮 * { -webkit-tap-highlight-color: rgba(0,0,0,0); } 修改浏览器的滚动条样式 ::-webkit-scrollbar-thumb 可以修改浏览器的滚动条样式.IE火狐可能不支持. 使用CSS transforms 或者 animations时可能会有页面闪烁…

常用指令 ls 显示文件或目录 -l 列出文件详细信息l(list) -a 列出当前目录下所有文件及目录,包括隐藏的a(all) mkdir 创建目录 -p 创建目录,若无父目录,则创建p(parent) cd 切换目录 touch 创建空文件 echo 创建带有内容的文件. cat 查看文件内容 cp 拷贝 mv 移动或重命名 rm 删除文件 -r 递归删除,可删除子目录及文件 -f 强制删除 find 在文件系统中搜索某文件 wc 统计文本中行数.字数.字符数 grep 在文本文件中查找某个…

1.box-sizing:border-box box-sizing有三个属性:content-box(默认值) || border-box || inhreit.第一个自然不用说,比如我们设置一个div,宽度和高度都是100px,此时你给它加了padding:2px和border:1px solid #333,最后这个元素的总宽度是106px,这是W3C关于盒子模型的基本定义,即width和height指的是内容(content)的宽高.而border-box则是回到了IE盒子模型的旧标准,也…

1. 行内元素和块级元素有哪些? 行内元素: 123456789101112131415161718192021222324252627 <a>     //标签可定义锚   <abbr>     //表示一个缩写形式   <acronym>     //定义只取首字母缩写   <b>     //字体加粗   <bdo>     //可覆盖默认的文本方向   <big>     //大号字体加粗   <br>     /…

前段时间在看css反爬的时候,发现很多网站都做了css反爬,比如,设置字体反爬的(58同城租房版块,实习僧招聘https://www.shixiseng.com/等)设置雪碧图反爬的(自如租房http://gz.ziroom.com/). 还有一个网站本身是没有其他反爬措施的,只是设置了字体反爬,但是这个网站的反爬就有些扯淡,http://www.qiwen007.com/,我们随便点开一个文章,并打开开发者工具 其中的文字并不是像其他字体反爬一样,是将某些文字转为了Unicode显示在源码中的…