随笔分类 - 前端
摘要：前段时间我同事对于margin和padding应用百分比值似乎有些误解，觉得可能是个普遍问题，所以觉得有必要拿出来单独写一下。 margin和padding都可以使用百分比值的，但有一点可能和通常的想法不同，就是 margin-top | margin-bottom | padding-top |
阅读全文
摘要：有时将 div 的 height 设置为 auto 后，仍然无法让 div 自动拉伸，发现是 display:block 的原因，将其设置为 inline-block 即可。
阅读全文
摘要：当有些html元素是由于某些控件生成的，然后它被隐藏在其他元素的后面，但是它一开始是隐藏的，你无法直接在html或js里修改它的属性：z-index，使其可以放在更前面，这时可以在css里重新定义控件的class，修改它的z-index使其很大就可以放在其他元素前面（要大于其他元素的z-index）...
阅读全文
摘要：先上代码 //这部分的div的 position 是 fixed 解析：1、先设置的 height ...
阅读全文
摘要：说起CSS3的新特性，就不得不提到 Media Queries 。最近 Max Design 更新的一个泛读列表里，赫然就有关于 Media Queries 的文章。同时位列其中的也有前天我刚刚翻译的 IE9, Opacity 和 Alpha 。 虽然标题相同，但本文并不是列表上 CSS3 Medi
阅读全文
摘要：CSS3的属性为什么要带前缀 使用过CSS3属性的同学都知道，CSS3属性都需要带各浏览器的前缀，甚至到现在，依然还有很多属性需要带前缀。这是为什么呢？ 我的理解是，浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。为此，当一些CSS3样式语法还存在波动时，它们提供针对流星器的前缀。现在主
阅读全文
摘要：Modernizr插件可用于解决：《响应式web设计》提及！ 其他： 第一种方法：IE9以下版本的IE将创建HTML5标签， 非IE浏览器会忽略这段代码，因此不会发生http请求，也就不影响网页执行效率。 <!--[if lt IE9]> <script> (function() { if (! /
阅读全文
摘要：最近想弄一个类似登陆框的那种弹出框，其实网上已经有很多例子，而且也有相应的插件，例如：jquery-ui的，可直接使用，而我就简单的弄了个简易版的登陆框，真的很简易。 其实原理就是设置两个div，一个div_cover，一个div_content。div_cover用于覆盖原来的界面，可以使原来的界
阅读全文
摘要：上官网：http://www.highcharts.com/ ， http://www.hcharts.cn/ （中文版） 例子、API都有
阅读全文
摘要：1、其实数据填充很简单，它们就是json的格式，然后后台按照这种格式去套数据发给前端；前端再做一下连接处理等就行了。 1 $('#program_statistics_bar').highcharts({ 2 chart: { 3 type: 'bar' 4 }, 5 title: { 6 text
阅读全文
摘要：jQuery CSS 操作jQuery 拥有三种用于 CSS 操作的重要函数：$(selector).css(name,value)$(selector).css({properties})$(selector).css(name)函数 css(name,value) 为所有匹配元素的给定 CSS
阅读全文
摘要：给一个HTML元素设置css属性，如 1 2 3 4 var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "bl
阅读全文
摘要：在URL中的参数传值时，例如：www.nihao.com?id=001 ，= 两边不能有空格，不然PHP在通过$_GET['id']获取时会出现传值为空。
阅读全文
摘要：本来想在body的css中设置，但发现怎么弄也无法搞定，技术水平有限吧，最后通过下面方式来达到效果：
阅读全文
摘要：meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用 于网页的与中，meta标签的用处很多。meta的属性有两种：name和http- equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机...
阅读全文
摘要：在web开发中,难免会遇到浏览器之间的兼容问题，关于Css设置颜色渐变下面有解决的办法，直接上代码： 适用于谷歌浏览器： background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb)); from:...
阅读全文
摘要：设置DIV大小的有两个属性width和height，以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑，不明白这个100%的宽度（高度）到底有多宽有多高？这个100%是从哪里得到的从哪里继承的？今天我们的话题就是有关div高度100%的问题！其实，要弄懂div宽度|width100%、di...
阅读全文
摘要：网页文件的存取路径有3种：物理路径、绝对路径和相对路径。物理路径就是你的文件放在主机上的具体位置，例如：D:\\image\\1.jpg 这种格式，该方法可以很快确定出你的文件，但是在网页显示路径基本很少用。绝对路径是以网站的根目录（www）作为起始点，某文件在该项目中具体位置信息。比如你的网站放在...
阅读全文
