前端ABC超出（n）行隐藏，很实用
xiaoqi 发布于 2017-04-06
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 超出两行隐藏 overflow:hidden; text-overflow:elli...
标签：css 第4页
glup合并压缩js及css
xiaoqi 发布于 2017-03-30
step1: $ npm install gulp -g step2: $ npm install gulp-notify gulp-minify-css gulp-concat gulp-uglify gulp-rename del –save-dev —...
html 中 div不定宽度如何水平居中的解决方案
xiaoqi 发布于 2017-03-25
传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄. 经过多次摸索终于找到解决方案. 经过测试发现兼容性还行. .SecondMenuBod...
用CSS开启硬件加速来提高网站性能
xiaoqi 发布于 2017-03-24
你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？ 现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。 在桌面端和移动端用CSS开启硬件...
使用media设置rem的值
xiaoqi 发布于 2017-03-23
@media all { html { font-size: 16px; } } @media all and (min-width: 140px) and (min-height: 220px) { html { font-size: 9px; } } @media all a...
CSS 禁止文字选中
xiaoqi 发布于 2017-03-23
现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。 原因：鼠标点快了。 解决方案： 不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对...
布局自适应一侧定宽
xiaoqi 发布于 2017-03-22
不使用float实现两边固定，中间自动扩展的布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>不使用float实现两边固定，...
CSS让元素隐藏
xiaoqi 发布于 2017-03-21
在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击 { display: none; } { visibility: hidden; } { position: absolute; top: -999em;...
css直接写出小三角
xiaoqi 发布于 2017-03-21
在开发移动端项目时，总是遇到很多小三角，之前一直用图片，感觉好麻烦，今天尝试了直接用CSS写出小三角！ 先看看如何写出各种小三角！ <!DOCTYPE HTML> <html lang="en-US"> <head> <meta char...
CSS入门简单知识
xiaoqi 发布于 2017-03-20
常用到的三种选择器 子孙选择器(区别于后代选择器) 例如：div>p{…}就是选择div的子元素中的所有p元素，不包括子元素的子元素。 兄弟选择器 例如：div+p{…}就是选择紧跟在div后面的p元素的集合，div和p拥有相同的父级元素 属性选择器...