CSS/CSS3 - 随笔分类(第2页) - kingwell

自动完成代码，提高工作效率

摘要：做项目时，我们都是手写代码，但是这样效率不高，如果有自动完成代码功能是不是更好呢？一：Editplus自动完成功能当你要插入一个有Class的DIV时，你要输出很多代码<div class=""><div>，有没有更快的方法呢？你是否希望当你在某个编辑器里输入：divc然后空格就就出现 <div class=""><div>，而且光标就显示在“”里面，Editplus就有这样的功能，不过这种预定义功能需要自己写，一般网上可以找到，也可以自己写，在：设置-》参数-》文件-》设置&语法，然后再选择相应语阅读全文

posted @ 2012-10-11 13:44 kingwell 阅读(429) 评论(0) 推荐(0) 编辑

解决IE6下的CSS Hover背景图片闪烁问题

摘要：解决IE6下的Hover背景图片闪烁问题，关键是图片不缓存IE6下的背景图片每次使用都会重新发送请求，所以会出现闪烁的情况：解决方案：HTML注释 + JS</script>也还有一种解决方案就是使用expression，不过不推荐使用，所以不不出列出来。阅读全文

posted @ 2012-09-29 11:32 kingwell 阅读(1156) 评论(0) 推荐(0) 编辑

jQuery插件之--选择卡切换效果

摘要：写了一款jQuery插件，选择卡切换效果： /* <div class="tab-container"> <ul class="tab-title"> <li class="current"></li> <li></li> <li></li> <li></li> </ul> <div class="tab-content"></div> <div clas 阅读全文

posted @ 2012-09-28 14:41 kingwell 阅读(581) 评论(0) 推荐(0) 编辑

CSS内联还是外联？内联PK外联

摘要：现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。但是CSS到底是内联还是外联呢？我们只要分析它的特点就不难得出答案。CSS内联：就是把CSS放在HTML Head里使用Style包围。<style type="text/css"></style>CSS外联：就是把CSS放到一个单独的文件里，然后在HTML通过调用。<link rel="stylesheet" type="text/ 阅读全文

posted @ 2012-09-28 14:18 kingwell 阅读(5125) 评论(0) 推荐(1) 编辑

不同浏览器对display为none元素的图片处理不一样

摘要：经测试发现不同浏览器对display为none元素的图片处理不一样，主要是opera处理不一样，如果元素display为none，则不加载图片，当元素设置为非none时再加载，其它浏览器则加载，Firefox可以通过Firebug查看，Opera可以通过fidder查看。阅读全文

posted @ 2012-09-09 13:28 kingwell 阅读(536) 评论(0) 推荐(1) 编辑

静态网页如何上传附件

摘要：最近一个项目，要在静态页面上上传附件（头像），如果是动态网页就比较好做，但是静态页面就要采用另外的解决方案，其中的一种方法就是使用iframe，1 <form action="服务器地址" target="uploadImage" method="post" enctype="multipart/form-data">2 <input type="file" />3 <input type="submit" />4 </form> 阅读全文

posted @ 2012-09-06 17:05 kingwell 阅读(677) 评论(0) 推荐(0) 编辑

关于CSS的优先级,CSS优先级计算

摘要：1 原则一：继承不如指定 2 原则二： #id > .class > 标签选择符 3 原则三：越具体越强大 4 原则四：标签#id >#id ; 标签.class > .class 5 6 CSS优先级权重计算法 7 8 CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数! 9 10 根据这四个级别出现的次数计算得到CSS的优先级。11 12 CSS优先级的计算规则如下：13 * 元素标签中定义的样式（Style属性）,加1,0,0,014 * 每个ID选择符(如 #id),加0,1,0,015 * 每个Class选阅读全文

posted @ 2012-09-06 16:30 kingwell 阅读(8327) 评论(0) 推荐(1) 编辑

模拟Window Alert弹出框支持拖动以及ESC键盘退出

摘要：基本我自己封装的一些常用函数：KW.jsJS Code： 1 /** 2 @ Name : Kingwell Javascript Library 3 @ Author :kingwell 4 @ Date : 2012-8-22 5 @ Email : jinhua.leng##gmail.com 6 @ Version : 1.2 7 @ Update : http://kingwell-leng.iteye.com/blog/1570768 8 功能： 9 1: $ID选择 10 2：事件绑定，事件移除，获取事件目标 11 3：阻止冒泡，阻止默... 阅读全文

posted @ 2012-06-28 11:23 kingwell 阅读(1526) 评论(0) 推荐(1) 编辑

hasLayout

摘要：要搞懂IE中的CSS，haslayout是一个必须搞懂的问题：下面的一段话来自百度百科------》》haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）要想更好的理解 css，尤其是 IE 下对 css 的渲染，hasla. 阅读全文

posted @ 2012-06-21 13:52 kingwell 阅读(240) 评论(0) 推荐(0) 编辑

CSS3新功能

摘要：CSS3 新功能 Firefox Safari Opera Chrome IE9以上浏览器才支持。CSS3之RGBA颜色CSS3之Border-radiusCSS3之transformCSS3之渐变CSS3 阅读全文

posted @ 2012-06-20 20:47 kingwell 阅读(188) 评论(0) 推荐(0) 编辑

关心IE6中!important的问题

摘要：关心IE6中!important的问题，我们知道!important是优先级是最高的，在IE6中使用!important，有时候有用，有时间没用，这是IE6的一个Bug，网上很多资料说IE6不支持important，其实是这一种误解，本人经过测试，IE的确支持!important，看看下面的代码：.box{width:100px; height:100px; background:red!important; background:green;}FF,OP,SA,IE7 8 9 10IE6本来这段代码应该显示红色，但是在IE6下显示绿色，NOW，再看下面的代码：.box{width:100px 阅读全文

posted @ 2012-06-20 17:46 kingwell 阅读(178) 评论(0) 推荐(0) 编辑

去掉chrome中input，textarea在得到焦点时出现黄色边框的方法

摘要：为了使各个注浏览器效果一至，在做项目的时候CSS应该重置，Chrome跟其它浏览器不一样，像Input，Textarea获得焦点后出现黄色边框，去掉chrome中input，textarea在得到焦点时出现黄色边框的方法input,button,select,textarea{outline:none} 阅读全文

posted @ 2012-06-20 09:02 kingwell 阅读(6247) 评论(0) 推荐(0) 编辑

星级评论插件

摘要：最近公司的Fantashow要嵌入一个网页，做了一个星级评论插件：HTML Code：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>template</title>< 阅读全文

posted @ 2012-06-19 17:04 kingwell 阅读(1202) 评论(0) 推荐(0) 编辑

Kingwell Leng

专注Web前端，关注Web前端技术前沿，关注用户体验！

随笔分类 - CSS/CSS3

公告