请使用firefox,chrome等最新浏览器浏览本站。

标签:css3

js+jquery

js实现网站进度条

查看demo 通常网站为了更加人性化,会有一个加载进度条来显示加载百分比。 原理就是利用图片的预加载来实现。因为大部分网站的资源主要是图片,从而可以利用图片的加载量来实现加载百分比 DEMO: html代码 <div class="fixed-section progress-section"> <di……继续阅读 »

阿豹 5年前 (2014-07-01) 274浏览 0评论 0个赞

css3

三种实用CSS清除浮动的方法

一、使用空标签清除浮动 空标签可以是div标签,也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签 清楚浮动,并为其定义CSS代码:clear:both。此方法的弊端在于增加了无意义的结构元素。 <style type=”text/css”> <!– *{margin:0;padding:0;}……继续阅读 »

阿豹 5年前 (2014-05-04) 251浏览 0评论 0个赞

css3

css nth-child常用写法

:nth-child(2)选取第几个标签,”2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签,”n”表示从整数 :nth-child(-n+4)选取小于等于4标签 :nth-child(2n)选取偶数标签,2n也可以是even :nth-child(2n-1)选取奇数标签,2n-1可以是……继续阅读 »

阿豹 5年前 (2014-03-31) 280浏览 0评论 0个赞

css3

-webkit-appearance

-webkit-appearance: 更改按钮和其他控件的外观按照本地默认样式式。 下面的代码是去除IOS原生的样式的方法 input, button{ -webkit-appearance:none; outline:none; } 其它渲染方式: -webkit-appearance: none;//去……继续阅读 »

阿豹 5年前 (2014-03-31) 263浏览 0评论 0个赞

css3

css3 三角形

原理:利用了相邻两个边框的接壤处分配原则,如果没有宽度和高度的话,其实应该是四个三角形接成的矩形 /* create an arrow that points up */ div.arrow-up { width:0px; he……继续阅读 »

阿豹 5年前 (2014-03-27) 267浏览 0评论 0个赞

css3

-webkit-box-sizing

-webkit-box-sizing 属性 设置或检索对象的盒模型组成模式。 对应的脚本特性为boxSizing。 取值:content-box | border-box content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、pad……继续阅读 »

阿豹 5年前 (2014-03-27) 268浏览 0评论 0个赞

html5

favicon.ico兼容

一、 favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果 要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少             的,所以你在本站使用ICO图标转换工具就可以轻松达到你的要求。 二、在线ico图标制作工具使用说明 1. 原始图……继续阅读 »

阿豹 5年前 (2014-03-27) 384浏览 0评论 0个赞