<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.outer {
border:1px solid red;
}
.inner {
width:160px;
height:160px;
border:1px solid green;
}
</style>
</head>
<script>
</script>
<body>
<div class="outer"><img class="inner" src="s.gif"></img></div>
</body>
</html>
上面代码在FF和Safari浏览器上运行的时候，图片的下边和外框的下边总有一些空隙。
解决办法：将图片改为块级
.inner {
width:160px;
height:160px;
border:1px solid green;
display:block;
}
分享到：
相关推荐
通过将图片的`display`属性设置为`block`，可以消除这个空白。 以上只是CSS在IE浏览器中部分常见问题的解决方法。在实际开发中，还需要考虑更多的CSS hack、条件注释、浏览器前缀等技术来确保跨浏览器的兼容性。...
5. **添加 `<alt>` 属性**: 对于图片，添加描述性的 `<alt>` 属性可以帮助搜索引擎理解图片内容。 6. **合理使用 `<h1>` 至 `<h6>` 标签**: 这些标题标签有助于组织页面结构，同时也帮助搜索引擎理解页面的主题。 7....
我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank"，我们采用过渡型的... dtd)时没有问题，但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时，这个方法将通不过W3C的校验，会出现如下错误提示：
4. **JavaScript与CSS冲突**：在Strict DOCTYPE下，内联JavaScript需要被CDATA（Character Data）包裹，以避免解析错误。例如，`<script type="text/javascript">`应该改为`...
- 填充：内容与边框之间的空白区域。 - 边框：元素周围的可见边框。 - 外边距：元素边框与相邻元素之间的距离。 #### 六、CSS的引入方式 - **外部样式表引入方法**： - `link`标签：用于HTML文档中引入外部CSS...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ``` 2. **大小写规则**：虽然HTML本身不区分大小写，但为了统一性和可读性，推荐使用小写字母...
XHTML文档的序言部分包括DOCTYPE声明，它告诉浏览器该文档遵循的是XHTML 1.0 Strict标准。 **5.2 强制性XHTML元素** - **根元素** - **头元素**：用于定义文档元信息。 - **标题元素**：定义文档标题。 - **体元素...
- **层叠规则**：解决样式冲突时遵循的优先级顺序。 - **全局选择器和类属性**：定义通用样式和特定类别的样式。 2. **边框** - **边框样式**：定义边框的类型。 - **边框宽度**：设置边框的宽度。 - **悬浮**...
- 当多个样式应用于同一个元素时，根据优先级确定最终样式。 - **CSS的嵌入模式**: - **内联样式**: 直接在HTML元素上使用`style`属性。 - **内部样式表**: 在`<head>`部分使用`<style>`标签。 - **外部样式表*...
framespacing属性用来设置框架与框架间的空白距离，以确保框架之间有足够的间隔。 在实际应用中，frameset标签内部会包含若干个frame标签，每个frame标签定义一个框架，并通过src属性指明该框架中显示的页面文件。...
在 XHTML 1.0 中，有三种不同的文档类型定义（DTDs）：Strict、Transitional 和 Frameset，分别对应不同级别的标准。 **1. 基本标签：** - `<!DOCTYPE>`：定义文档类型，用于告知浏览器遵循哪个DTD。 - `<html>`：...