用CSS开启硬件加速来提高网站性能（转） 翻译文章，原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css。 你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性...

2019-01-10 07:49:26

结论先行，如何使用 CSS 实现下述滚动条效果？ 就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的...

2019-01-10 07:49:25

需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill属性写死的，...

2019-01-10 07:49:24

meta是html语言head区的一个辅助性标签，以下是meta的 http-equiv属性和content属性的一些介绍。 http-equiv属性 指示服务器在发送实际的文档之前，要在传送给浏览器的 MIME 文档头部包含http-equiv属性的值。此属性要与content属性结合在一起使用。 这里主要说一下该...

2019-01-10 07:49:23

box-sizing : border-box ; height : 40 px ; font-size : 12 px ; overflow : hidden ; text-overflow : ellipsis ; display : -webkit-box ; -webkit-line-clamp : 2; -webkit-box-orient : vertical ; word-break : break-word ; color : #a7a7a7 ; line-height : 2...

2019-01-10 07:49:21

换行符：br/ 首部: !DOCTYPE: 说明html文档使用的标准, 在HTML5中仅为 !DOCTYPE html 1、头标签 head/head：在head里使用的标签为头标签 title/title:在标签上显示的内容 meta:设置页面的一些相关内容 实现页面定时跳转：meta http-equiv="refresh" content="秒数;url=...

2019-01-10 07:49:18

一般来讲，我们的网页导航栏 是这么个模式来构建 在结构上： 1.首先我们需要给导航栏的div 给个类名 一般为nav 2.然后就是一个无序表格 3.由于导航栏的文字一般都是链接用来跳转页面 要在li里面包含一个a div class="nav" ul lia href="#"首页/a/li lia href="#"云云商...

2019-01-10 07:49:17

一，效果图。 二，代码。 ! DOCTYPE html html head meta charset ="utf-8" title CSS 教程 / title style body { background-color : #d0e4fe ; } h1 { color : range ; text-align : center ; } p { font-family : "Times New Roman" ; font-size : 20px ; } / style...

2019-01-10 07:49:17

先看一下wxml的代码，绑定个事件！ view class='carpool_data_all'view class='aa'text*出发地/text/viewview class='bb' bindtap='selectlocation'input disabled placeholder='请选择出发地' value="{{departure}}"/input/view/view 然后是js的代码，调用wx.chooseLo...

2019-01-10 07:49:16

1、长度 2、角度 3、时间 4、分辨率 5、颜色 6、函数 7、生成内容 8、图像 9、数字 1、长度 length：数字和单位之间没有空格，0之后的长度单位是可选的 相对长度单位 em：相对于字体大小 ex：相对于小写字母"x"的高度，对于很多字体，1ex ≈ 0.5em ch：相对于数字"0"的...

2019-01-08 08:22:38