html
sherryTian
知识源自一点一滴的积累!
展开
-
 一个汉字的空格
最近在开发过程中需要用到空格,而且刚好要有一个汉字的宽度,找了半天终于找到了,原来符号 代表一个汉字宽度的空格。特此记录下来。原创 2012-09-26 15:17:15 · 2463 阅读 · 0 评论 -
Doctype与标准模式混杂模式
一、什么是Doctype?DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。XHTML 1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional转载 2013-08-01 16:38:09 · 808 阅读 · 0 评论 -
css属性使用中的一些注意事项
新的一年开始了,得开始总结点东西了,以前只顾着写页面,也没做什么总结,从现在开始得改改了,随时随地记录一些应用中应该注意的东西,为自己也为他人。 1、fixed 在使用fixed属性的时候div的宽度不能自动继承其父元素,我们需要给他定义width:100%; 如果没有给他定位,是不能达到我们想要的效果的,需要给他定义top,left,right,bottom,才能达到我们想要的效果。原创 2014-01-02 14:24:21 · 779 阅读 · 0 评论 -
css代码优化总结
如何写出精简高效的css代码是每一个web前端人员的夙愿。那么,为什么要做css优化呢?Css优化能够使css文件更易读,减少网站维护成本,减小css文件的大小能够相对的加快浏览器的加载速度,节约带宽,增强用户体验。Css优化,我们主要从以下几个方面进行:1. 语义化html代码。 2. 样式重写(css reset)。 3. 公用样式(base css)。 4. Css瘦原创 2014-01-03 12:48:42 · 994 阅读 · 0 评论 -
巧用css3轻松实现箭头上下旋转
巧用css3的transform-origin、transform和transition属性轻松实现箭头上下旋转效果。看代码: 只要css就可以实现,对做前端的来说简直是福音啊!O(∩_∩)O哈哈~.test{margin:0;padding:0;list-style:none;border:1px solid #000;}.test li{height:50px原创 2014-01-07 15:08:21 · 10784 阅读 · 1 评论 -
手机页面radio和checkbox反应慢
最近在做项目的时候发现,在手机页面里radio和checkbox点击的时候反应特慢,一个偶然我发现给他的外层加一个空的a标签就好使了。例如:复选框如果您有更好的办法,欢迎一起讨论!(*^__^*) 嘻嘻……原创 2013-12-27 13:13:43 · 2471 阅读 · 0 评论 -
jquery data 方法的bug
今天在做东西的时候发现data在重复获取时存在bug,还没有修复,先记下来。点击一次data加1$("div").click(function(){ //var dishe = $(this).data("dishe"); //改用attr获取 var dishe = $(this).attr("data-dishe");alert(dishe);dishe = "packa原创 2014-02-08 17:20:03 · 972 阅读 · 0 评论