关于块级元素和行内元素 --经典
摘要：一.行内元素和块级元素有哪些？块级元素ElementDescription<address>information on author<blockquote>long quotation<button>push button<caption>table caption<dd>definition description<del>deleted text<div>generic language/style container<dl>definition list<dt>definitio
阅读全文
posted @
2013-04-20 15:40
radphp
阅读(325)
推荐(0)
IE中img多出5px的空白解决4种方法
摘要：li 元素中包含 a img 元素的时候会比较麻烦，需要注意，当然，问题还是一如既往的出现在 IE 下。以下为其中一例Html代码 <ul> <li><ahref="#"><imgsrc="temp.jpg"/></a></li> <li><ahref="#"><imgsrc="temp.jpg"/></a></li> <li><ahref="#"
阅读全文
posted @
2013-04-20 15:39
radphp
阅读(336)
推荐(0)
IE6下img空白位置解决方法
摘要：Firefox 下的正常表现：IE6 下的非正常表现：解决方法 一使 li 浮动，并设置 img 为块级元素ul{ width: 280px;}ul li{ float:left; display:block; height:57px; width:277px;}img{ display: block;}解决方法 二设置 ul 的 font-size:0;ul{ width: 280px; font-size: 0;}ul li{ display:block; height:57px; width:277px;}解决方法 三设置 img 的 vertical-align: bottom;ul{
阅读全文
posted @
2013-04-20 15:38
radphp
阅读(154)
推荐(0)
div包裹img，底部一小段空白bug
摘要：01.<!DOCTYPE html> 02.<html> 03.<head> 04.<meta charset="utf-8" /> 05.<title>div img空白bug</title> 06.<style> 07.body{ 08. margin:0; 09. padding:0; 10.} 11.div{ 12. background:#000; 13.} 14.img{ 15. display:block; 16.} 17.</style> 18.</head
阅读全文
posted @
2013-04-20 15:38
radphp
阅读(371)
推荐(0)
IE下img多余5像素空白解决方法
摘要：嗯，开场先胡扯几句不相关地感言。最近的工作让我有了很多实践的机会，同时也让我收获颇丰。在群里聊天的时候也提到过，所有的学习过程，最好是理论 －实践－再理论－再实践。。。的一个循环往复的过程。这里说的理论是个比较宽泛地概念，其中包括书本理论，也包括对实践地总结。只有理论没有实践，往往造 成眼高手低，想得好，做得差；只一味地实践却不通过理论地学习和总结，看起来好像忙忙碌碌，到头来会两手空空。最近地实践中，越来越觉得 li 元素中包含 a img 元素的时候会比较麻烦，需要注意，当然，问题还是一如既往的出现在 IE 下。以下为其中一例：html<ul><li><a hr
阅读全文
posted @
2013-04-20 15:37
radphp
阅读(142)
推荐(0)
img图片元素下多余空白解决方案
摘要：在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对 于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归 纳，供大家参考。方法整理来源于万福的网络。1、将图片转换为块级对象即，设置img为：display:block;在本例中添加一组CSS代码：#sub img {display:block;}2、设置图片的垂直对齐方式即设置图片的vertical-align属性为“top，text-top，bottom，text-b
阅读全文
posted @
2013-04-20 15:36
radphp
阅读(214)
推荐(0)
CSS--background url png 图片定位--终于悟透
摘要：background:url('img/tip.png') no-repeat left -6px;上下是-6px;一张图片的(0,0)坐标是什么是首先要搞懂的,就是图片的左上方的那一个点上述代码中的left指的是 图标的左边起始位置,-6px,指的是图标的上面的开始位置,其实就是左坐标和上坐标注意通常一张图片 left 一定是正数 而 heitht 一定是负数，迷惑就在这里 特别是负数，是越大 图片就越靠上(想想是不是这个理，其实原理搞懂而不是死记硬背)，越小图片是越靠下(因为越小说明图片和坐标之间的空袭就越大,而图片的搞定又是固定的,所有图片就会越靠下)，逻辑有点颠倒但是搞
阅读全文
posted @
2013-04-20 15:35
radphp
阅读(778)
推荐(0)
浙公网安备 33010602011771号