web标准中的一些问题(一)
转载请注明出处
一;a的样式问题
有时候会出现访问过hover样式后就不能在出现(ff,ie中都出现的),在精通ccs中介绍过一个链接样式的书写顺序LoVe:HAte;L-link,V-visited,H-hover,A-active;关于书写顺序狐狸再他站立介绍了css hack写法中介绍了关于
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;他的书写顺序ff,ie7,ie6.
二;关于ie6的双倍空白边bug
ie6中,在解析块状元素时对水平外边距magrin存在外边距加倍的问题。
例body {padding:0;
margin:0;
}
div{
float:left;
margin:10px;
width:100px;
height:100px;
border:1px solid red;
}
<div>
<a href=”#”>
小繁的Blog</a>
</div>
只需添加:display:inline; (并非将元素转为inline)
关于inline元素的一些特点:
在没有将inline元素浮动的情况下其高度和宽度是不能被改变的,
垂直的外边距,只是根据内容的宽度和高度适应大小。
inline元素如果添加float ,其默认会将inline转为block元素。因为float只应用于block元素。
内联元素的分类:
a – 锚点 ;q – 短引用
abbr – 缩写; s – 中划线(不推荐)
acronym – 首字; samp – 定义范例计算机代码
b – 粗体(不推荐) ;select – 项目选择
small – 小字体文本;
big – 大字体 ;span – 常用内联容器,定义文本内区块
br – 换行; strike – 中划线
cite – 引用 ;strong – 粗体强调
code – 计算机代码; sup – 上标
dfn – 定义字段; sub – 下标
em – 强调; textarea – 多行文本输入框
font – 字体设定(不推荐) ;tt – 电传文本
i – 斜体; u – 下划线
img – 图片; var – 定义变量
input – 输入框; label – 表格标签
kbd – 定义键盘文本;
(不推荐的元素会逐渐被xhtml淘汰)
三;使一个div垂直居中于浏览器 样式其实很简单
div {
width:300px;
height:300px;
border:1px solid blue;
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
}
[bordy]
<div>小繁的blog,小繁的blog</div>
[/bordy]
使用了position:absolute;绝对定位,现在需要了解 position:absolute,是如何绝对定位的。它是相对于最近的上级元素或者是最初包含它的元素,且不在占据原有的空间。多个绝对定位区块高级 别区块会覆盖级别低的区块之上在本例中,position:absolute;top:50%;left:50%; 是使定为对象的左上角的点位于[body]中心处(距左上均为50%)显然这是不居中的, 这时需要用margin:-150px 0 0 -150px;进行精确定位,margin的左和上的值为定位对象的 一半负值,使对象垂直居中。
好多问题都是ie6的,不知道ie6还会被多少用户使用下去,他的问题实在太多,虽然ie7解决了一些,但 普及性仍然很差,有多少网民会在用这些。最近ie8开始出现内测版了, 估计他的标准兼容应该会更强的~~,不过还是会有新bug出现的.看来他要好好的根火狐干上一仗了。
它是相对于最近的上级元素或者是最初包含它的元素,且不在占据原有的空间。多个绝对定位区块高级
别区块会覆盖级别低的区块之上在本例中,position:absolute;top:50%;left:50%;
是使定为对象的左上角的点位于[body]中心处(距左上均为50%)显然这是不居中的,
这时需要用margin:-150px 0 0 -150px;进行精确定位,margin的左和上的值为定位对象的
一半负值,使对象垂直居中。
15 01,2008 / 13:07
不错啊