摘要:
很多人可能都碰到这样一个情况:<style> .test li{ float:left; border-right:1px solid #ccc; width:100px; height:100px; }</stly><ul class="test"> <li></li> <li></li> <li></li></ul>这样就会出现三条右边框,在实际运用中最后条边框是需要去掉的。这里为大家介绍两种方法: 1、为最后个li添加个样式,比如.b-none{bo 阅读全文
摘要:
很多人可能都没有把哪个叫标签,哪个叫元素这个概念搞清楚,包括之前的我也是,一直都是混淆着。事实上两者之间的概念还是很清楚的:比如<p>这就是一个标签;<p>这里是内容</p>这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;这里有一个值得注意的例外,即<br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。 阅读全文
摘要:
有时候在做前端的时候,提交表单会被浏览器的记录下来,每次预览页面表单都会遗留信息,要测试表单提交的功能,都需要自己手动删掉表单内容,十分麻烦,这里有各简单的方法,就是在在form里加入autocomplete="off"可以有效防止浏览器记住表单信息。 阅读全文
摘要:
元素的优先级主要受样式名长度和位置影响。相同长度的情况下,受位置影响:<div class="class2 class1"></div>css: .class2{color:red} .class1{color:blue}这里class1的样式会覆盖class2,因为class2和class1的优先级相同,样式表中最后出现的会覆盖前面的样式。同一位置受长度影响:<div class="wrap"> <p class="p1"></p></div>长度A:" 阅读全文
摘要:
就单单的++i和i++效果是一样的。但是i=i++;和i=++i是有很大区别的。i=i++是在函数执行后进行i+1;i=++i;是在函数执行前进行i+1; 阅读全文
摘要:
最近又把锋利的jQuery看了一遍,又有了新的收获:1、end()遍历方法end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。<ul><li class="li1"></li><li class="li2"></li></ul>$("ul li").find('li1').css({color:'red'}).end().find('li2').css({color:'black& 阅读全文
摘要:
css预处理器也叫动态样式语言,拥有编程的变量、继承、运算、函数的特性,它可以让你的CSS更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处,常用的有less、sass、stylus。 经过几天的试用和实践,主要是对less的使用,总结一下碰到的问题。 1、环境搭建 安装环境这里就不说了,大家可以参考这里http://www.w3cplus.com/node/683; 这里说下我碰到的编译(转化成CSS)问题:sass、less、stylus都可以通过自己的环境用命令编译成css,再引用css就可以使用了,但less比较特别,他分服务器端和客户端,可以引入less.js对... 阅读全文
摘要:
1.使用最新的jquery版本 明河觉得这个建议有待商榷,虽然越新的jquery版本性能上更加优秀,但是有些方法的变迁还是会导致一些bug,比如从1.4.2到1.5时很多朋友就抱怨ajax上出现问题了。明河的建议是旧的页面的jquery升级需谨慎,新项目可以大胆的使用jquery新版本。还有个建议是使用google的cdn上的jquery文件,加载速度更快。猛击Google Libraries API 进入查看。<!-- Include a specific version of jQuery --><script src="http://ajax.googleap 阅读全文
摘要:
当你已经做好准备要开发一个网站时,你一定希望你开发出的网站能给用户最好的用户体验。 能够准确快速的评价一个网站是一门艺术,也是一门科学,但这种艺术或科学是可以很快学会的。 这里有几个简单的技巧能帮助你在30秒或更短的时间内对你的网页进行评价,帮你拨开云雾,看清你的网页上那些部分的设计是好的,那些部分不够好。 阅读全文
摘要:
作为一名程序员每天面对的都是一大堆枯燥的代码,这样的生活多无趣啊,世界本就如此精彩,何故一味地钟情coding。所以我要开始不定期的写一些博文,沉淀自我,写下自己的生活感触、心得分享、丰富人生。 刚刚入住博客园,发现这里模板还可以自定义,十分给力。我比较喜欢简约清爽的风格,所以选择了ThinkInside的这套摸版,并进行了一些修饰。 如下是我自定义的CSS风格样式: 路径:管理-->设置-->通过CSS定制风格//修改超链接的样式a:hover{text-decoration: underline;color: #3399cc;}//修改全局样式,并添加背景图片body {fon 阅读全文