HTML网页的基础知识(标准流)

最新推荐文章于 2021-11-29 20:27:44 发布
最新推荐文章于 2021-11-29 20:27:44 发布
阅读量1.8k 收藏 1
点赞数 2
分类专栏： HTML 文章标签： HTML 标准流
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vivi_like/article/details/73655743
版权

标准流

一\ 遵循标准流

  • 块级元素   :  
    •  div 
    •  p 
    •  h1-h6 
    •  ul 
    •  li 
    •  ol
    •  dl 
    •  dt  
    •  dd 
    •  table 

  • 行内块元素 : 
    • img  
    • input  
    • button 

  • 行内元素: 
    • a
    • span
    • i
    • s 等

二\不遵循标准流

  • 浮动
    •  左浮动 
    • 右浮动
  • 定位
    • 脱标
      • fixed
      • absolute
    • 不脱标
      • static
      • relative
vivi_like
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【关于HTML文档标准流和css浮动的详细讲解】
muweichang的博客
05-02 901
什么是浮动标准文档流三微观现象三元素等级浮动认识浮动三级目录 标准文档流 在这里先说一下什么是标准文档流。 标准文档流：又称文档流，是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素。及标签默认的排版方式 标准文档流：指的是元素排版布局过程中，标签的一个“默认”状态。元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。 标准文档流的特点：三微观现象、三元素等级 三微观现象 空白折叠现象：无论写多少个空格（或者换行），
前端——标准流与浮动
Bingtangbgd的博客
06-26 307
前端——标准流与浮动
（17）HTML标准文档流
Java田根旺
11-29 1736
在我们遇到的 HTML 元素中，有的标签元素如 <div>、<p> 等在浏览器中加载时必须独自占满一行，有的标签元素如 <a> 、<span>等则不会独占一行，原因是什么？ 一、什么是标准文档流？ 标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面内容发生了变化，后面的内容位置也会随着发生变化。HTML就是一种标准文档流文件。HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。 1.1微观现象： ①.
html中标准流,标准流与文件.html
weixin_30671363的博客
06-28 274
标准流与文件 · Dart编程指南主页前言基础篇环境搭建简单语法函数进阶篇面向对象泛型枚举库与导入异步编程FutureStreamIsolate异常处理与 Zone生成器标准流与文件附：运算符常用标准库字符串集合URI处理日期和时间环境及外部调用其他实战篇网络编程爬虫实战HTTP服务器WebSocket服务器编程之路标准流与文件标准输入输出流文件操作写文件读文件文件的其他操作标准输入输出流stdi...
CSS 系列四 浮动 和 清除浮动
m0_55170432的博客
04-13 343
--------------------------- 四 浮动 float --------------------------- 1.1 传统网页布局的三种方式 CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)： 普通流（标准流） 浮动 定位 1.2 标准流（普通流/文档流） 所谓的标准流: 就是标签按照规定好默认方式排列. 块级元素会独占一行，从上向下顺序排列。 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序，从左到右顺序
HTML5基础知识, 核心技术与前沿案例
12-28
HTML5是下一代网页标准，它的出现极大地扩展了Web应用程序的功能，让开发者能够创建更富交互性和功能性的网页。本资料包“HTML5基础知识, 核心技术与前沿案例”涵盖了HTML5的基础概念、核心技术以及一些最新的实践...
高级流行网店网页模板
01-22
"html"文件代表HTML（超文本标记语言）代码，这是网页的基础架构，用于定义页面内容和结构。设计师通常使用HTML来构建网页的基本框架，包括头部、主体和尾部等部分。 "font"文件夹可能包含了网页所用的特殊字体，...
html资料基础讲义
07-02
1. **Internet基础知识**：互联网是全球性的计算机网络系统，通过TCP/IP协议连接了世界各地的设备。理解其工作原理、域名系统（DNS）以及如何通过HTTP（超文本传输协议）获取网页至关重要。 2. **HTML语言基础**：...
html网页制作
04-13
HTML网页制作是网络开发的基础，它是 HyperText Markup Language 的缩写，用于创建和设计网页内容。HTML5 和 CSS3 是目前最流行的版本，它们为网页设计师提供了更多的功能和灵活性。 HTML5 引入了许多新特性，旨在...
HTML5&CSS3网页制作：分组元素.pptx
05-31
总的来说，掌握figure和hgroup元素的使用，是HTML5网页制作的基础技能之一。通过合理使用这些元素，开发者可以构建出符合Web标准、具有良好可访问性和易用性的网页。在学习过程中，不仅要理解它们的基本语法和用途，...
标准流
masterHuan的博客
07-23 4071
什么是标准流？ 标准流（normal flow），也被称为文档流，是指在不借助任何特殊的css排列规则元素的排布规则 浮动和定位（absolute，fixed）会脱离脱离标准流，也就是不受这套规则的约束 标准流中的块级元素（block） 块级元素独占一行,垂直方向上从上往下进行排列 会计元素可设宽高 块级元素不设宽度的情况下,默认宽度为其父级的100% 标准流中的行内元素(inline) 行内元素将
HTML 标准文档流
weixin_43734523的博客
12-08 1027
HTML 标准文档流 本文的重点是讲float布局，以及清除浮动的方法。 在讲float之前，首先要说一下什么是标准文档流。 *、标准文档流：指的是元素排版布局过程中，元素会默认从左往右、从上往下的流式排列方式。前面的内容发生变化后，后面的内容位置也会随着发生变化。 HTML 就是一种标准文档流文件。 HTML 文档的特点：三个微观现象、三个元素等级 三个微观现象 1、空白折叠现象：无论写多少个空格（或者换行），最终显示的都只有一个空格！ 2、底边对齐现象：当排列在同一行的元素高度不一致的时候，会出现底边对
【Web前端基础知识】CSS的标准流、浮动是什么
kobe_back的博客
06-23 1880
CSS有三种基本定位机制：标准流，浮动，定位，今天小编先给大家介绍一下标准流和浮动。 1、标准流(normal flow)： 标准流又被称为“文档流”或“普通流”。 标准流是指文档内元素的流动方向。内联元素从左到右，遇到阻碍换行执行;块级元素独占一行，从上往下排列。 HTML： CSS： 浏览器： 2、浮动(float)： 浮动是指具有标准流属性的元素会脱离标准流的标准控制，移动到其父级元素的指定位置的过程。这种现象我称为脱离标准流，“脱标”。 float有三种属性： lef
CSS实战基本功上——标准流布局
zxdznyy的博客
10-29 1720
文章目录前言一、CSS的三个重要性质1.1 层叠性1.2 继承性1.2.1 java中的继承性*1.2.2 CSS中的继承1.2.3 行高的复习1.2.4 行高的继承1.3 优先级 前言 学习本节首先需要了解，HTML，CSS的基础部分 HTML基础知识 CSS基础知识 了解了最最基础的知识之后，我们想要仿照京东或者小米官网写界面，还需要了解CSS的三个性质，具体了解盒子模型，以及浮动（布局）。 本博客将细致为您拆解相关知识点 一、CSS的三个重要性质 CSS的三个性质分别是：层叠性，继承性以及优先级 实则
HTML5 标准规范
热门推荐
aaa333qwe的博客
08-21 1万+
HTML5是HTML最新的修订版本。 HTML5相对于之前的标准添加了许多新的语法特征，其中包括、和元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容。其它新的元素如、、和则是为了丰富文档的数据内容。同时也有一些属性和元素被移除掉，一些元素被重新定义或标准化。同时APIs和DOM已经成为HTML5中的基础部分了。HTML5还定义了处理非法文档的具体细节，使得
标准流与非标准流
逆天骚年的博客
08-26 941
 流：html元素在网页中显示的顺序 标准流：在html文件中，写在前面的元素在前面显示，写在后面的html在后面显示 非标准流：在html文件中，当某个元素脱离标准流，那么它就处于非标准流 右浮动：一个元素向右浮动，让出自己在标准流占据的空间，向右移动知道碰到包含自己的父元素的最右边的边框 左浮动：匀速尽量向左边移动，这样就让出它右面的空间，让别的块元素显示 清除浮动
web前端基础 （6）三种布局----标准流，浮动
u010963053的博客
04-27 634
三种布局 1.普通流（normal flow） 默认的布局 块级元素自上而下显示 行内元素同行显示 2.浮动（float） 2.1 概念 3个参数 float： left; (默认) float： right; float： none; 1. 浮动可以用来做文字环绕效果 2.浮动可以让多个div同一行显示 3.浮动脱离标准流，不占位置，会影响标准流，浮动只...
【CSS】标准流
习惯成自然
10-01 981
CSS的行内元素和块级元素，以及展示顺序
HTML基础知识教学：打造精美网页的必备元素
1. **HTML基础知识**：HTML的基本语法结构非常重要，所有标签都用尖括号包围，且大多数标签成对出现，如`<html>`和`</html>`，`<head>`和`</head>`等。开始标签和结束标签共同确定了标签的作用范围。 2. **常用的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值