块元素、行元素容纳规则

最新推荐文章于 2022-10-10 16:06:06 发布
最新推荐文章于 2022-10-10 16:06:06 发布
阅读量1.6k 收藏
点赞数
分类专栏： css 文章标签： xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sagahu0359/article/details/7160465
版权
 

块元素、行元素容纳规则

作者：sagahu@163.com
日期：2011-12-28
  • 块元素一般用作其它页面元素的容器，可以容纳行内元素和块级元素。
  • 行内元素只能容纳文本或者其它行内元素
  • form标签是块级元素，一般用来容纳其它块级元素。
看下面示例：
（1）据说，form标签 只能容纳其它块元素，但是现在普通文本也容纳了啊！
其实，在form标签里是允许写文本和行元素的，只是这样不好！
（2） 行元素里面能够容纳
块元素
吗？
其实是可以的，但是这样是不符合XHTML验证规则的！
龙城银狐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS中的嵌套规则，以及块级元素、内联元素、可变元素
学习中
04-02 941
嵌套规则：任何不是块级元素的可见元素都是内联元素 块级元素可以包含内联元素和某些块级元素，但内联元素只能包含其他内联元素 块级元素不能放在<p>里面 有几个特殊的块级元素只能包含内联元素：h1~h6, p, dt li内可以包含div 块级元素与块级元素并列，内联元素与内联元素并列 来自：HTML中块级元素和行内元素的总结和区分 块级元素和行内元素的定义： 块级元素 总是在新行...
CSS学习笔记六——元素显示类型
weixin_43328954的博客
01-27 712
元素显示类型 一、块元素 1. 块元素在网页中以块的形式显示，即矩形区域显示； 2. 默认情况下，块元素独占一行，且按顺序自上而下排列； 3. 块元素可自定义宽高； 4. 块元素一般作为其他元素的容器，可以容纳其它内联元素和块元素，这种容器也可称为盒子 5. 块元素会默认添加 display：block 属性值，但 li 标签会默认添加 display：list-item 属性值，表示让该元素显示为列表类型，通常该属性值也归类在块元素中； 6. 注意 p 标签中可以放文本，但不能放块元素；
行内元素与块级元素，以及区别
weixin_30794499的博客
07-17 93
行内元素与块级元素 　　首先，CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，分别为块级（block）、行内（inline）。 块级元素：（以下列举比较常用的块级元素，详情可在w3cschool查询） <div>定义文档中的分区或节 <h1>定义最大的标题 <h2>定义副标题 &l...
块元素和行内元素
weixin_41387874的博客
04-15 174
写在之前 首先需要明确块元素和行内元素的区别是：是否在浏览器显示效果上独占一行。 块元素(block) 常见块元素 标签 作用 <h> 标题标签 <p> 段落标签 <hr/> 定义一条水平线 <div> 在页面中定义一块区域，可以配合CSS控制这块区域的样式 <ul> 无序列表，可以通过语义化理解。（unordered list） <ol> 有序列表，可以通过语义化理解。（ordered li
块元素、行内元素、行内块元素
热门推荐
FreeSpider
06-01 3万+
一、块元素 block element 块元素的特性 独霸一行，总是在新行上开始 宽度缺省是它父级元素的100%，除非设定一个宽度 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易，也是CSS layo...
块级元素和行内元素的区别，常见的块级元素和行内元素有哪些
weixin_30341745的博客
05-28 292
一般来说，html的元素分为两种，即块级元素和行内元素。 块级元素：块状元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。 行内元素：行内元素不可以设置宽（width）和高（height），但可以与其他行内元素位于同一行，行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定，...
行内元素和块元素
菜鸟的奋斗
02-22 2336
行内元素和块元素 行内元素又叫内联元素,内联元素只能容纳文本或者其它内联元素 常见内联元素, 块元素一般都从新行开,可以容纳文本,其它内联元素和其它块元素,即使内容不能占满一行,块元素也要把整行占满 常见块元素, 块元素和行内元素的区别 1行内元素只占内容的宽度,块内元素不管内容多少要占全行 2行内元素只能容纳文本和其它行内元素,块内元素可以容纳文本,行内元素和块元素(与浏览器版本和
CSS元素类型
weixin_52032313的博客
03-02 766
CSS元素类型
基于文档流解读html元素的(css)定位形式
01-29
1. **非浮动块级元素独占一行**：每一个非浮动的块级元素都会独占一行，例如`<div>`或`<p>`标签。 2. **浮动元素按规则浮动**：浮动元素会根据设置的方向（左或右）尽可能靠近当前行的一端。如果当前行无法容纳，则...
WEB标准以及W3C、HTML语义化、XHTML-HTML区别、H5新特性、行内元素块元素空元素
猫与故巷的博客
04-22 310
文章目录1.对WEB标准以及W3C的理解与认识？2.对于HTML语义化的理解？3.行内元素有哪些？块元素？空元素？4.XHTML和HTML区别？5.h5新特性？ 1.对WEB标准以及W3C的理解与认识？ web标准简单来说是一个页面可以分为结构、表现和行为（其中结构主要是由HTML标签组成，表现即指css样式表，行为是指页面和用户具有一定的交互，同时页面结构或者表现可能会发生变化，主要是由js组成） web标准一般是将该三部分独立分开，使其更具有模块化。但一般产生行为时，就会有结构或者表现的变化，也使这三者
块元素 行内元素 行内块元素
匆匆过客
10-10 240
块级元素 1.独占一行 2.宽度是父容器的100% 3.宽度 高度 外边距 内边距都可以灵活设置 4.是一个容器和盒子,里面可以放块元素或者行内元素 注意: 只有文字才能组成段落P 因此P里面不能放块级元素 特别P不能放 div. 同理还有h1 h2 h3 h4 h5 h6 dt 他们都是文字类块级标签 里面不能其他块级标签 行内元素 1.相邻行内元素在一行上.一行可以显示多个 2.宽高直接设置是无效的 3.默认宽度是本身内容的宽度 4.行内元素只能容纳文本或者其他行内元素. 注意
行内元素和块元素以及行内块元素的特点
以码平川的博客
12-13 381
行内元素和块元素以及行内块元素的特点 1.0 前提背景 初学html.接触很多标签 <h1>、<p>、<span>、<ul>、<em> 等，当写出简单的小页面的时候，例如仅仅是一篇带有标题的文章，标题<h1>标签单独一行，不管后面有多大的空间；<p>标签中使用多个给某些词做强调，但是<em>却和<p>中的其他内容同一<em>行，由此，会思考为什么<em>和<h1>
块元素，行内元素，行内块元素
最新发布
wyt20040310的博客
10-10 372
4、行内元素里面有一个特殊的a标签，a标签里面什么都能放，除了它自己。1、块元素里面什么都能放，能放块元素，行内元素，行内块元素。常用的行内元素：span、em、strong、del。3、块元素里有一个特殊的p标签，p标签里面只能放文字。2、行内元素里面不能放块元素，一般只用来包裹文字.如果你放了块元素，也不会报错，但不符合规范要求。常用的块元素：h1-h6,p,div。2、行内元素 主要是用来包裹文字。特点：兼具块元素和行内元素的特点。1、块元素 主要是用来布局。常用的行内块元素：img。
4.9 块元素和行内元素
mmsx2017的博客
03-08 197
HTML元素根据表现形式，可以分为2类(任何HTML元素都属于这两类中的其中一类)： （1）块元素（block）； （2）行内元素（inline）； 一、块元素 块元素在浏览器默认显示状态下将占据整行，排斥其他元素与其位于同一行。块元素一般为矩形，可以容纳行元素和其他的块元素。 div &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp...
初始容纳块、初始包含块、第一屏
Jason_HeSL的博客
09-10 353
在定位的时候，大家都听说过子绝父相，但如果是子绝父不相的情况嘞，大家有没有考虑过他是基于什么来进行定位的； 首先先说一下初始容纳块是什么东西，在css权威指南中，对于浮动元素，容纳块是最近的祖辈块元素。对于绝对定位（absolute）的元素，容纳块为最近的非static定位的父级块元素。而初始容纳块就是页面的第一屏； 下面我来通过代码的形式，一一来解释这个问题。 <!DOCTYPE html> <html> <head> &l...
行内元素和块级元素的具体区别是什么？行内块元素又是什么
weixin_40081575的博客
08-15 3690
一，行内元素与块级元素的区别： 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素，只能...
CSS3盒子模型的那些事儿(全要点+代码示例+效果展示)
技术圈
03-02 861
CSS3盒模型，是面试时的常见问题，也是开发中不容忽视的部分，该文介绍了盒模型的相关知识。
行内元素与块级元素区别1.0
gogaogao的博客
11-28 286
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/AlanZhuHaiHua/article/details/107817213        一次偶然的面试遇到的题目，虽然当时知道块级元素和行内元素的区别，但是没有仔细去想。 一、行内元素与块级元素 ...
前端总结：块级元素和行内元素及其区别
鄙人kunzhi96，感恩遇见！
03-23 1万+
我们知道判断行内元素和块级元素的快捷方法就是判断是否能并列，下面我们就块级元素和行内元素做个分类，并看一下具体区别： 大多数 HTML 元素被定义为块级元素或内联元素。“块级元素”译为 block level element，“内联元素”译为 inline element。 块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度。 行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值