幸运的是，CSS3里提供了一批新的创建列式布局的column属性，有了这些属性，我们不需要再使用float,clear,margin等属性进行调控，避免了很多麻烦。CSS代码CSS3里的column系列属性提供了各种不同的功能，通过组合使用它们，你能得到相应的任何分栏式布局：1.column-count: 列数目2.column-gap: 各列之间间隙宽度3.column-width: 建议宽度；未必会使用，浏览器基于此数值进行计算4.column-rule-width：列之间分割线宽度5.column-rule-...
水平居中方法1.行内元素居中 行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮等行内元素，可通过给父元素设置 text-align:center 来实现。另外，如果块状元素属性display 被设置为inline时，也是可以使用这种方法。但有个首要条件是子元素必须没有被float影响，否则一切都是无用功。2、块状元素居中（1）定宽块状元素居中 满足定宽（块状元素的宽度width为固定值）和块状两个条件的元素可以通过设置“左...
link和@import都是HTML中引入CSS的语法单词。两者的基本语法link语法结构<link href="外部CSS文件的URL路径" rel="stylesheet" type="text/css"/>link标签通过URL路径引入外部的CSS文件到HTML中。@import语法结构<style type="text/css"> @import + 空格 + url(外部CSS文件URL路径地址); </style>@import是在样式表定义中再引入外部的CSS文件。原文：https://www.cnblogs.com/yanggb/p/10381366.html
目录' ref='nofollow'>< table > 标签的特有属性' ref='nofollow'>< table > 标签的特有属性' ref='nofollow'>< td > 标签特有的属性' ref='nofollow'>< td > 标签特有的属性 以 < colgroup >' ref='nofollow'>< col > 以 < colgroup > 特有属性' ref='nofollow'>< col > 特有属性 在css中的可设定样式' ref='nofollow'>< table > 在css中的可设定样式HTMLTableElement对象的方法< table >< table > 标签的特有属性cellpadding:用...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>CSS + ul li 横向排列的两种方法 </title></head><body><div id="nav"><ul><li><a href="http://blog.csdn.net/superbirds" title="">superbirds</a></li><li><a href="http://blog.csdn.net/superbirds" title="">superbirds</a></li> <li><a href="http://blog.csdn.net/supe...
前几天一@同事看新浪微博里有个类似分隔线的提示，就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法，个人比较喜欢第二种，我也给出了最后第五种比较2的写法，请大家拍砖，或者提供其他好的方法。单个标签实现分隔线： 点此查看实例展示 .demo_line_01{padding: 0 20px 0;margin: 20px 0;line-height: 1px;border-left: 200px solid #ddd;border-right: 200px solid #ddd;text-align: center; }优点：代码简...
复制代码代码如下:body { text-align:center; } 用ie7打开是居左的。 万能 float 闭合(非常重要!) 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. 复制代码代码如下:.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }.clearf...
原文：https://www.cnblogs.com/66-88/articles/6627360.html/* javascript方法*javascript动态修改css效果的方法（四种）* 第一种：使用obj.className来修改样式表的类名。例如：div1.style.width="100px";* 第二种：使用obj.style.cssText来修改嵌入式的css。例：div1.style.cssText="width:100px;height:100px;background: palevioletred;";* 第三种：使用obj.className来修改样式表的类名。例如：div1.setAttribute("class","...
CSS中的每个属性都有一个特定值"inherit",其含义是指定继承父元素的相应属性，使用inherit一方面在代码上能地表明要继承于父元素的样式属性，另一方面也使子元素继承了那些不会被自动继承的属性．也就是说：inherit是继承父类的属性，一般用于字体、颜色等 auto是按情况自适应，一般用于高度、宽度、外边距和内边距等关于长度的属性假如设计者要使class为box的div元素有2px的黑色边框，且具有5px的填充，同时想让其子div元素也具有...
将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间，下面的代码可以实现此功能： <script type="text/javascript"> //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/gfdzp201508257998/Turntable/Script/whir.turntabl...
做东东时都是把图片在服务器的地址存放在数据库里面，然后到浏览器中显示，但是后来发现了两个问题。 第一：为了安全起见，js是无法读取本地的图片的，不然你写一个js，岂不是可以获取任何人电脑里面的文件了。 第二：图片存在的是在服务器的硬盘上面，而不是在客户的硬盘里面，所以也是取不到的 后来在网上找方法，找的方法，都是各种转换二进制到xml中，的各种高大上的答案，然后本人又实在太懒了，就自己想了一个 方法，就是利用...
作为一名开发人员，我们经常会用到清理缓存，我们经常会引用css、js文件，更新文件后常出现缓存问题，但是有时候我们明明更改了代码，在浏览器上访问的时候却没有发生变化，那么下面就和大家分享几种解决方法。1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，以下是本人收集的方法：方法一：可以通过...
不?嗦，直接说方法吧：在更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js例：<link href="/html/superstore/css/SuperStore.css?201410281" rel="stylesheet">以上加红部分是关键，每次改一下即可不过这个可能是以带参数的形式引用，不知道在引用js的时候，会不会有一些参数方面的困扰，尚未测试ps：最后吐槽下微信的浏览器，其缓存之严重，真是前所未见！
本文是转载文章，只是方便自己记录。 在html页面head标签之间添加以下标识可以避免大多数浏览器缓存： 原文出处：http://my.oschina.net/wbo0801/blog/298968
用一句代码即可搞定： 代码如下:document.execCommand("BackgroundImageCache", false, true); 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 代码如下:if(Browser.isIE6){ try{ document.execCommand("BackgroundImageCache", false, true); } catch(e1){} } 平台检测代码可以这样写，摘自Ext源码： 代码如下:var Browser = {}; try{ (function(){ var idSeed = 0, ua = navigator.userAgent.toLowerCase...