很多同学发现对DIV有效的许多CSS属性对<a>或<p>标签都无效,好比说
<div style="margin-top:5px;"></div>
就是有效的距离 但是
<a style="margin-top:5px;"></a>
这个距离便无效,其实原因很简单,因为a标签不是盒子,而margin属性是针对盒子的,想要让这个属性生效就要让a标签变成盒子,一句
style="display:block"
便可以让a标签变成块级元素,即变成盒子模型,这样margin、padding等属性便能生效了。
另外在书写padding和margin属性的时候,有时margin给div定位后不希望文字顶格显示在div里,这是后两种做法,一种是在这个div里再嵌套个div设置margin属性,另一个简单的方法就是再设置个padding!
(原创)Final博客(http://www.finalblog.net/archives/270)本文可以任意转载,但本段内容必须保留,否则将追究其法律责任。
相关推荐
### HTML标签与属性详解 HTML,即HyperText Markup Language,是一种标准标记语言,用于创建网页。HTML通过一系列的标签和属性来定义网页的结构和内容。以下是对HTML中常用标签及其属性的详细解读: #### 文档结构...
### HTML标签属性详解 #### 基本概念与结构 - **HTML文档**: `<html>` 标签是HTML文档的根元素,所有的HTML代码都必须包含在这个标签内。 - **文档头部**: `<head>` 元素包含了关于文档的元数据,如标题、样式表...
- **margin属性**: margin是CSS中用于设置元素的外边距的简写属性。它相当于同时设置margin-top、margin-right、margin-bottom和margin-left四个方向的外边距。 - **简写形式**: margin值可以简写为一个值(四个边...
常见的HTML标签还有用于文本格式化的`<p>`(段落)、`<h1>`到`<h6>`(标题)、`<strong>`(加粗)、`<em>`(斜体)等,以及用于创建链接的`<a>`标签和显示图像的`<img>`标签。 HTML属性是进一步定义标签行为的关键...
例如,`<a>`标签用于创建超链接,其`href`属性指定目标地址,`target`属性可以设置打开链接的方式,如`_blank`表示在新窗口打开,`_top`则在当前窗口的顶级框架中打开。`<img>`标签用于插入图像,`src`属性是图片的...
根据给定文件的信息,我们可以深入探讨HTML标签的广泛使用及其在网页设计中的关键作用。HTML,即超文本标记语言,是构建网页结构的基础语言。以下是从文件标题“html标签大全”、描述“全面html大全,方便快捷查询,...
在批量打印标签的场景下,CSS可以设置字体、颜色、边距、对齐方式等,以确保标签的视觉效果符合预期。可能需要使用到的CSS技术包括盒模型(margin、padding、border)、定位(position、top、right、bottom、left)...
### Frame及Frameset标签的属性详解 在网页设计与开发中,`frame`与`frameset`标签曾经是非常重要的组成部分,它们允许在一个HTML文档中显示多个独立的文档。虽然随着现代Web技术的发展(如HTML5),`frame`与`...
***margin属性:此属性定义了文档主体与浏览器窗口上边缘的距离,单位是像素。 2. leftmargin属性:此属性定义了文档主体与浏览器窗口左边缘的距离。 3. rightmargin属性:定义了文档主体与浏览器窗口右边缘的距离...
`title`属性用于显示鼠标悬停时的提示信息,`href`属性用于`<a>`标签定义超链接地址。 4. **图片路径设置** - **知识点**: 图片路径设置取决于图片相对于当前HTML文档的位置。 - **题目分析**: 题目考察如何正确...
通过`<style>`标签或外部样式表,我们可以设置颜色、字体、布局等样式属性,如`color`、`font-family`、`background-color`、`margin`和`padding`。 5. **HTML框架**:HTML框架允许在单个页面上显示多个独立的网页...
### Html标签大全知识点详解 #### 一、超链接标签 `<a>` - **基本用法**:`<a>` 标签是 HTML 中用于创建超链接的基本元素。 - 示例:`<a href="http://www.example.com">访问示例网站</a>` - **属性详解**: - `...
例如,使用color属性改变文字颜色,使用background-color设置背景色,使用font-size调整字体大小,使用padding和margin控制元素的内边距和外边距。 除此之外,还会涉及表单元素,如、、和,它们用于创建用户交互的...
margin 属性也有 margin-left、margin-right、margin-top 和 margin-bottom 属性,分别用来设置左、右、上和下外边距。 padding 属性用于设置内边距,类似于 html 中表格单元格的填充属性,即盒子边框和内容之间的...
例如,`color`属性改变文字颜色,`font-size`调整字体大小,`background-color`设定背景色,`padding`和`margin`控制内边距和外边距。在示例中,可能使用了类选择器(`.class_name`)或ID选择器(`#id_name`)来精确...
4. **属性**:HTML标签可以有属性,属性提供了额外的信息。例如,`<a>`标签的`href`属性指定链接地址,`<img>`标签的`src`属性指明图像的URL。 5. **文本格式化**:HTML提供了多种标签来控制文本格式,如`<b>`...
**CSS2.0和HTML标签基础教程** 在Web开发领域,HTML(超文本标记语言)和CSS(层叠样式表)是构建网页内容和样式的基石。本教程旨在为初学者提供一个全面的理解,帮助他们掌握这两项核心技术。 **HTML标签详解** ...
3. 链接标签:`<a>` 创建超链接,`href` 属性定义链接的目标URL。 4. 图像标签:`<img>` 显示图像,`src` 属性指定图像的源文件,`alt` 提供替代文本。 5. 列表标签: - 无序列表:`<ul>`,其中包含`<li>`元素表示...