Css
检测和删除多余无用的css
本文主要讲解如何检测页面中多余无用的css。1、chrome浏览器F12审查元素的Audits说明：使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。2、CSSusage插件（1）安装Firefox浏览器（2）安装firebugFi...
css 实用代码汇总
1、table排版（防止td文字过多导致table变形）table{/*为表格设置合并边框模型*/border-collapse:collapse;border-spacing:0;/*固定表格布局*/table-layout:fixed;}td{/*允许在单词内换行。*/word-break:break-word;}...
CSS3 GPU硬件加速
1<!DOCTYPEhtml>2<htmllang="zh-CN">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">...
CSS3 transition 浏览器兼容性
1、兼容性根据canius（http://caniuse.com/#search=transition），transition 兼容性如下图所示： 1<!DOCTYPEhtml>2<html>3<head>4<style>5div6{7wi...
CSS实现垂直居中的方法
(1)css+html代码1<!doctypehtml>2<htmllang="en">34<head>5<metacharset="UTF-8"/>6<title>Document</title>7<styletype="text/css"...
CSS 表头不设置hover，tr:hover覆盖td的背景色
如果td有背景色tr:hover覆盖td的背景色tr:hovertd{background:#B6E8Ea;}======================================================================================================tr:...
关于 css padding 的使用 padding会将使用该属性的元素撑开
.right_img_box{width:300px;height:250px;border:1pxsolid#c9c9c9;margin-bottom:15px;background:#fff;padding:7px;}.right_aimg{width:300px;height:210px;} 使用pad...
Vue笔记：引入animate.css
转载：https://www.cnblogs.com/cbpm-wuhq/p/12753312.html在命令行中执行：npminstallanimate.css--savemain.js中：importanimatedfrom'animate.css'//npminstallanimate.css--save安装，在...
CSS3立体文字最佳实践
前端开发whqet,csdn,王海庆,whqet,前端开发专家上一篇的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果，当中3d文字效果最为流行，限于篇幅只展示了其3D实现原理，没有考虑代码的复用性和可移植性。今天来补充下。顺便领略sass的强大功能，请大家摩摩拳擦擦掌。开工咯！案例效果还是在code...
CSS三角形制作样式
.triangle{display:block;height:0;position:absolute;width:0;border:9pxsolid;border-color:transparent#bbb;border-right-width:0;}<divclass="triangle"></di...
postcss-pxtorem
在vue项目中，使用rem进行布局，如果自己一个一个写样式会很麻烦，接下来介绍这种开发方式，配置rem，即可用px来开发，会自动帮我们转成rem 在public文件中，我们要引入rem.js的插件 然后在项目的根目录下创建 postcss.config.js文件，这样配置一下 module.exp...
响应式css样式
<divclass="a">123</div> @media(orientation:portrait)and(max-width:600px){ .a{ color:red; } } @media(min-width:300px)and(max-...
css设置使文字显示2行多余的为省略号...
123456789101112.title{ font-size:.7rem; line-height: 1.5rem; &...
css如何实现背景透明，文字不透明？
之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。 背景透明，文字不透明的解决方法： 为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-i...
