html和css
关注
分享
扫一扫
cutemurphy
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
切图中tab结构遇到的问题
一开始用三个span放在一块，以为这样更方便，毕竟是行内嘛，都在一行，结果出现以下问题： （1） 都是行内，所以current不好调，随意调节padding，height，其它都跟着动。 （2） 即使在怎么padding:0，margin：0，三个span之间多少还是有些原创 2011-08-27 11:43:42 · 210 阅读 · 0 评论 -
上层div进行float，下层div的margin-top问题（全部浮动来解决）
经过测试： （1）IE，比较正常，margin-top多少，就表现出多少距离。 （2）FF下，浮动的元素就好象不存在一样，所以底下的margin-top参照位置是参照浮动元素的上一层或者body。 （3）所以是两个div，其中只有一个浮动，然后它们并列在一起的时候，这个时候原创 2011-08-23 15:49:04 · 552 阅读 · 0 评论 -
大小不固定的图片和多行文字的垂直水平居中
http://www.zhangxinxu.com/study/200908/img-text-vertical-align.html#zhangxinxu原创 2011-08-23 19:07:33 · 155 阅读 · 0 评论 -
margin,padding之谁先主动。。。
经常会碰到设置上下左右的padding,margin。有一个比较有意思的地方，就是谁先主动。 比如，并列排的两个div(float后)，如果左边的div要设置margin-right为50px，这个时候我们肯定会很明白，就是要离右边那个div的边距是50px，那为什么一原创 2011-08-23 17:58:15 · 183 阅读 · 0 评论 -
父级有padding，子div设置margin，起始位置参照谁的问题
（1） 做了个实验: 结果是，s的margin-left值是相对于padding后的位置，而不是f的边框。如果不是这样,padding还有什么意思，所有都要从最开始处重新计算的话。 （2）原创 2011-08-23 15:40:45 · 284 阅读 · 0 评论 -
文字，图片在div中呈现位置带来的“对齐”问题。。
（1） 首先，如果div中只有文字的话，文字是从左上角开始展示的。。 其次，如果只有图片的话，图片也是从最左上角开始展示的。。。 而如果又有文字，又有图片，则文字会在比较“低”的地方，上面会出现一部分“真空”，而图片仍然是上边靠顶。 （2） 如果这个时候给span加高度原创 2011-08-23 14:16:41 · 222 阅读 · 0 评论 -
ul的默认边距问题/body默认边距的问题
（1） FF下，ul的有默认的内左边距，padding-left:40px（留给列表符号的位置），还有默认的margin-top:16px，所以能去掉最好去掉。 （2） 而ie下，ul没有默认的内边距，只有默认的margin，而且上下左右都有，上下是15px，左右是10px原创 2011-08-23 09:45:07 · 1013 阅读 · 0 评论 -
理解和解决行内元素的联动现象~~
在一个父级div里，放2个span，然后它们都加了display:inline-block，这个时候要调节其中第2个span离父div的margin值，于是给它加了个margin-top:10px，没想到第一个也动了起来，所谓“联动”。 我这里忽视了行内元素的本质概念，原创 2011-08-21 18:04:17 · 157 阅读 · 0 评论 -
鸡同鸭讲之 选择器hack vs 属性前缀hack
某天面试，面官说，hack了解多少，我说还行。 ie6和FF咋区别，我说用ie6用星号写，可与其它浏览器区分开，面官不解，可以搞定吗？不是下划线吗？ 我说不对，我昨天刚这么写过。。。。他沉默 原来其实分为"选择器hack"和"属性前缀hack"两种，之前真混乐。。看原创 2011-07-25 23:27:04 · 190 阅读 · 0 评论 -
上面div浮动，下面div消除浮动因素后的margin-top问题，很有意思，看看有没兼容性问题
上面div浮动，下面div消除浮动因素后的margin-top问题，很有意思，看看有没兼容性问题 文字和图排一起的时候，文字上面出现真空，怎么考虑对齐的问题，以及不同浏览器下的排列方式 有宽高的div，先不设宽高，而直接通过调节padding使其具有宽高，还是原创 2011-08-23 00:13:33 · 382 阅读 · 0 评论 -
定宽定高div的居中/对某区域字体点击改变代码的复用性
（1） 有一个高500px 宽500px的div，想让它相当于浏览器 左右居中 和 上下居中，不用JS实现，用CSS样式解决。 margin:0 auto；只能左右居中，但是上下居中实现不了。于是想起用position:absolute的办法实现。 #f{ widt原创 2011-08-22 12:37:32 · 202 阅读 · 0 评论 -
background与position:absolute
容易混淆的地方在于： 错误的写法： background:url("a.jpg");left:10px;top:10px; ---------这其实是pisition的写法。。 正确的写法应该是： background:url("a.jpg") 10px 10px原创 2011-08-11 07:10:15 · 174 阅读 · 0 评论 -
两个div进行float后的margin设置
我们都是好孩子 你们都是好孩子 当id=f的div设置float的时候，如果id=s不设置float，则要设置id=s的div的margin-left的时候，就必须至少大于id="f"的width才有效果。 而如果id=s同时设置float的时候，这个时候ma原创 2011-09-13 14:12:17 · 394 阅读 · 0 评论 -
弹出层的关闭
两种方式，一种不用css，一种借助css （1） object.parentNode.removeChild(object) 一直觉得很秒，先自己调父元素出来，然后再删除自己。。和魔术师一般 （2） object.style.display="none"原创 2011-09-11 11:51:02 · 241 阅读 · 0 评论 -
选择padding更好的几种情形（padding最大的好处就是不需预先固定宽度，可扩展性好）
（1） 默认情况下，输入几个文字，div并没定义高宽，这个时候，高度就是16px，因为div是被内容撑起来的，所以高度是默认基准字体的高度。而width是父级的100%，父级body就是整体宽度（默认margin不考虑）。所以如果先设置div的width，然后再设置paddin原创 2011-08-23 14:25:53 · 395 阅读 · 0 评论 -
alt与title
鼠标移至目标物，会有个小区域提示，这是title的功用。 而alt是在加载未完成或者加载失败出现的提示文字。 但是ie下，有些alt会有title的功能，alt的内容会变成小提示区域的内容。 但如果同时设置的话，提示区域的内容还是以title属性值为准。原创 2011-09-10 11:52:01 · 189 阅读 · 0 评论 -
没图片 也能做按纽
http://www.w3cplus.com/css3/icon-buttons-with-css3-html-entities原创 2011-09-09 22:30:49 · 163 阅读 · 0 评论 -
css中的love hate
love hate 关于a标签的四个状态，即：linked----visited----hover----active 四个要依次放，否则会出现错误原创 2011-08-02 07:41:53 · 296 阅读 · 0 评论 -
字体大小的可适应设置（em和62.5%）
1如果都设置为px，则分辨率高的，不同浏览器下都是一个大小，而且用户不容易自己调节字体。 而如果要用em的话，就要了解em的默认值，em默认大小是16px。 这里要做个处理，就是设置body{font-size:62.5%}，设置62.5是让1em不再等于16px,而是等于1原创 2011-08-18 10:59:54 · 317 阅读 · 0 评论 -
em作为字体大小单位
em是相对大小单位，用户调整基础字体大写的时候，也能跟着调整。 常见做法是： body { font-size:62.5% } 因为body的父级是html，而html里的1em=16px，所以body设置完后，会得到1em=10px，这样方便设置。于是以后body里的1e原创 2011-08-03 07:28:55 · 369 阅读 · 0 评论 -
某项目的小教训和经验总结
（1） 下划线问题： 标签只有在加真实链接后，才会出现下划线，我说我这里没下划线，客户说他那有，原来是加上实际地址后才显示，用text-decoration解决。 （2） css文件组织问题： 一开始以为是个小项目，10个页面左右，于是为了进度，干脆把css写在head原创 2011-08-27 22:19:14 · 177 阅读 · 0 评论 -
css里设置系统没有的字体
设置自己喜欢的字体。 首先去下载字体，因为如果自己系统要带这种字体是前提。 一般字体文件的后缀都是.ttf 然后复制到C:\winnt\font目录下 注意如果文件名字比较长，可以修改得比较短便于自己认识。 设置字体用font-family标签，而非原创 2011-09-17 21:32:33 · 362 阅读 · 0 评论 -
表格相关知识（虽然很讨厌）
一行（tr，r代表row）有几个td，d代表单元格的意思。 如果是表头，则用th代替td。cellpadding是单元格自身边框与内容之间的距离，cellspacing是单元格之间的距离。$("tr:odd").css("backgroundColor","red"); 记得原创 2011-08-19 14:26:20 · 140 阅读 · 0 评论 -
关于ie6设置1px容器的问题
有时候这样的东西真的很难注意到，但确实有。 ie6有默认的行高，值为16px，这个所谓的行高不以内容存在为前提，也即没内容也有16px的高度，而这16px的高度就是系统对基础文字高度的设置。。 所以无论是设置height，5px还是10px，因为都小于16px，所以效果显示不原创 2011-08-30 17:08:14 · 233 阅读 · 0 评论 -
（转）隐藏域 input的type为hidden的情形
隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 代码格式：＜input type="hidden" name="..." value="..."＞ 属性解释：原创 2011-08-15 16:18:12 · 278 阅读 · 0 评论 -
mime类型研究。。
为何MIME类型为“application/xhtml+xml”的，不能执行document.write方法。同时innerHTML也不能用。所以MIME类型为“application/xhtml+xml”的文档，是比较正宗的xhtml文档。原创 2011-08-15 02:28:33 · 157 阅读 · 0 评论 -
checkbox和select的被选择
一个是 checked=true 一个是selected=true 有种错觉，因为在标签里定义的时候是checked="checked"或者selected=“selected”，所以就认为判断的时候也要if (checked="checked")，其实判断的时候判断原创 2011-08-15 22:28:47 · 121 阅读 · 0 评论 -
内外嵌套div的边距重叠（加border或者随意padding就能解决）
以前关于上下margin的重叠，不叠加取其中较大的一个，主要是并列的，并没有包含嵌套关系。 现在外层div和内层div都设有margin的时候，也会出现叠加取较大一个的现象。 # box { margin:20px;background-color:red; } p { m原创 2011-09-13 11:33:18 · 828 阅读 · 1 评论 -
ie的layout
ie7下， .t{border:1px solid;height:100px;} 123 给一个行内元素加边框的话，只会出现左右两个边，上下的边框都找不到了，同时加的高度也丝毫不起作用。 这个时候可以加zoom:1来帮助ie触发lay原创 2011-08-01 21:55:05 · 219 阅读 · 0 评论