![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css小记
sunwayMike
No Pains,No Gains.
展开
-
理解CSS中 display:inline-block
内联元素display:inline内联元素特点:排列成一行,元素高、行高、顶部和底部边距不可控制,宽度随其内部文字或图片自动扩展,典型的如, , 等。块级元素 display:block块级元素特点:分行排列,默认宽度为父容器的宽度100%,高度,行高,顶部和底部边距可控制。内联块级元素display:inline-block内联块级元素是将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。可以说兼备内联元素和块级元素的特点。排列成一行,高宽等都可控制。 对原创 2010-12-23 21:37:00 · 1310 阅读 · 0 评论 -
如何理解css中的float
最近一段时间一直在为一个即将上线的新站进行一些前端开发。自然,对CSS的使用是必不可少的了。我们在CSS中很多时候会用到浮动来布局。常见的有float:left或者float:right。简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。上述这就是我们对于CSS中的浮动的最初步的认识了。下面我就对float进行了一些简单的研究。有几点需要注意:1、浮动元素会被自动设置成块级元素,相当于给元素设置了display:bloc原创 2010-12-28 21:39:00 · 5410 阅读 · 0 评论 -
IE6 Select元素无法被div等元素覆盖的bug解决办法
<br /><br />在页面设计时,经常会使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上转载 2011-01-10 22:41:00 · 1075 阅读 · 1 评论 -
网站开发人员应该知道的62件事
<br /><br />近日,有人在 Stack Overflow 上发表提问“动手开发网站之前,需要知道哪些事情?”,众多人给出了不同的答案,同时所有人根据Stack Overflow问题下面的wiki区对众多答案进行了编辑,总结出62条网站开发人员应该知道的事。Web技术开发者阮一峰 把这62条答案进行了翻译 ,现转载于此,全文如下:<br />有人在Stack Overflow 上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一大堆回答。<br />通常情况下,你需要把所有人的发言从头转载 2011-01-10 22:39:00 · 1078 阅读 · 1 评论 -
值得研究的编程技术网站
偶然发现的一篇不错的文章,推荐了很多有用的资源,与大家分享一下了。文章url:http://blog.csdn.net/Code_GodFather/archive/2010/01/16/5200913.aspx原创 2011-03-07 17:05:00 · 665 阅读 · 0 评论 -
巧用cssText属性批量操作样式
给一个HTML元素设置css属性,如var head= document.getElementById("head"); head.style.width = "200px"; head.style.height = "70px"; head.style.display = "block"; 这样写太罗嗦了,为了简单些写个工具函数,如function setStyle(obj,css){ for(var atr in css){ obj.style[atr] = css[atr];转载 2011-03-12 10:34:00 · 689 阅读 · 0 评论 -
CSS清除浮动的简单方法
<br />偶然发现的一个不错的文章,记录一下。<br /> <br /><br />The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.<br />U原创 2011-05-16 18:50:00 · 859 阅读 · 0 评论 -
css文字居中 小结
<br />很多时候会感觉这种问题实在是不能算作问题。但是,往往有时候我们最初的解决方法会存在着些许问题:(<br />今天就抽空写下这个,先mark下了,呵呵。<br />也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>原创 2011-05-24 15:52:00 · 2182 阅读 · 0 评论 -
css3学习
<br />想学习css3?<br />下面的站点不错,罗列了一些比较有用的css3的特效。<br />话不多说,赶紧来看吧:)<br />http://net.tutsplus.com/tutorials/html-css-techniques/10-css3-properties-you-need-to-be-familiar-with/comment-page-1/<br /> <br />原创 2011-04-15 15:39:00 · 855 阅读 · 0 评论