从开始接触HTML+CSS布局开始,也有将近半年时间了,除去中间打酱油的三四个月,自己也大概在上面花了一个月的功夫,时间不长,暂且把学过的东西总结一下。  首先谈谈HTML元素,主要分三类,块状元素、内联元素和内联块状元素块状元素display:block的特性是水平拉伸,垂直包裹,可以设置宽度和高度。对于拉伸我是这样理解的,比如先定义了页面的body,一般情况下body的宽度差不多等于页
转载 2023-07-14 22:16:13
63阅读
HTML行内元素块状元素、行内块状元素的区别HTML可以将元素分类方式分为行内元素块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:(1)display:inline;转换为行内元素(2)display:block;转换为块状元素(3)display:inline-block;转换为行内块状元素<!DOCTYPE html&g
 元素(block element) HTML标签分类明细      * address - 地址      * blockquote - 引用      * center - 举中对齐      * dir -
原创 2013-03-19 21:10:28
766阅读
定义 display 属性规定元素应该生成的框的类型。 注意:这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。 属性值 值 说明 (索引中有详细介绍) inline 默认。此元素
原创 2022-05-31 19:14:45
297阅读
前几天写页面,搞不清楚块状元素和内联元素的区别,今天特地整理了一下, html标签分两种:块状元素和内联元素块状元素一般是其它元素的容器,可以容纳内联元素和其它块状元素,独占一行,宽度和高度起作用。如div,p等标签属于块状元素。 内联元素只能容纳文本和其它内联元素,可与其它内联元素位于同一行,宽度和高度不起作用。如a标签属于内联元素。若在内联元素的属性上加上display:block,则相当
原创 2014-04-03 14:52:30
462阅读
常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i&g
原创 2022-04-24 16:15:16
171阅读
 html标签分两种:块状元素和内联元素。     块状元素一般是其它元素的容器,可以容纳内联元素和其它块状元素,独占一行,宽度和高度起作用。如div,p等标签属于块状元素。     内联元素只能容纳文本和其它内联元素,可与其它内联元素位于同一行,宽度和高度不起作用。如a标签属于内联元素
转载 精选 2014-05-31 21:04:54
445阅读
元素分类--内联块状元素 内联块状元素(inline-block)就是同时具备内联元素块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block 元素特点: 1、和其
转载 2019-08-30 10:30:00
152阅读
2评论
标签分类:一、标签:标签是指本身属性为display:block;的元素。                      1.默认占一行可以设置宽高,                   
转载 2024-01-13 20:32:16
191阅读
块状元素DIV(盒模型)首先设置一个DIV,如图所示:<span style="font-size:18px;">div{ width: 295px; height: 132px; }</span>块状元素div,以下称之为内容,如图可以看到 三个名词.pading(内边距),border(边框),margin(外边距)下面就简单介绍一下它们的使用方法.1.pading
转载 2023-06-06 14:48:19
109阅读
 块状元素内联元素address - 地址blockquote - 引用center - 举中对齐dir - 目录列表div - 常用级容易,也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isin
原创 2016-09-19 11:59:45
461阅读
# 学习如何创建HTML5元素 在 web 开发中,理解 HTML5 中的元素是非常重要的。元素(Block elements)是 HTML 中用来构建网页结构的基本组成部分。本文将帮助新手开发者理解如何实现 HTML5 元素,并提供一个详细的步骤与代码示例。 ## 整体流程概述 以下是实现 HTML5 元素的步骤: | 步骤 | 描述
原创 9月前
17阅读
· 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<ad
<pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <p> 块状元素 通常是其它元素的容器。可容纳内联元素和其它块状元素块状元
原创 2021-08-06 15:13:18
510阅读
xHTML究竟有多少个标签?绝大部分人都不能得出一个正确的答案,现在就有个机会,自己数数。答案:91个,哈哈,被
原创 2022-09-22 11:45:41
53阅读
块状元素与内联元素的转换: css设置display:block;就会将内联转换成块状,高和宽就会生效。 而设置display:inline;就会将块状转换成内联。 设置display:none;什么也不会显示。
原创 2014-09-23 09:11:50
1149阅读
css中块状元素是一个重要的知识点,css下height和width不起作用使我们经常遇到的问题,这就需要我们正确区分块状元素和内联元素。  块状元素和内联元素的区分很简单,我们只需要注意html元素是否排斥其它元素与它同行就可以了。像font元素定义文字时,你会发现它不排斥与其它内容同行,这个元素就是内联元素。如何将块状元素转为内联元素呢?只要我们在元素中添加display:
原创 2014-04-23 08:21:48
725阅读
目录什么是语义元素?浏览器支持HTML5 中新的语义元素HTML5 语义元素HTML5元素实例HTML5元素实例嵌套语义元素HTML5元素实例HTML5元素实例HTML5元素实例HTML5元素实例HTML5元素实例为何使用 HTML5 元素HTML5 中的语义元素一个完整的实例语义学(源自古希腊)可定义为对语言意义的研究。语义元素是拥有语义的元素。什么是语义元素?语义元素清楚地向浏览器和开发者
转载 2023-10-02 00:11:35
115阅读
1 行内元素元素的定义任何HTML (超文本标记语言) 元素都有其默认的display属性,大多数都是行内元素(inline)或元素(block)。一个行内元素只占据它对应标签的边框所包含的空间,而一个元素占据其父元素(容器)的整个空间,因此创建了一个“”。2 行内元素元素的区别内容一般情况下,行内元素只能包含数据和其他行内元素。而元素可以包含行内元素和其他元素。这种
# 如何实现 HTML5 元素 HTML5 是构建网页的重要基础,其中的元素在网页布局中起着至关重要的作用。这篇文章旨在帮助刚入行的小白了解并实现 HTML5元素,并提供清晰的步骤指导和示例代码。 ## 整体流程 首先,让我们来梳理一下实现 HTML5 元素的整体步骤。这些步骤可以通过下表进行展示: | 步骤 | 说明
原创 7月前
19阅读
  • 1
  • 2
  • 3
  • 4
  • 5