css的严格模式和混杂模式区别?

在网页开发中,CSS 的严格模式(也称为标准模式)和混杂模式(也称为怪异模式或兼容模式)是两种不同的渲染模式,它们影响了浏览器对网页的解析和渲染方式,下面是它们之间的主要区别:

  1. 严格模式(标准模式)

    • 在严格模式下,浏览器会按照 W3C 标准对网页进行解析和渲染。
    • 盒模型:元素的宽度和高度会包括内容、内边距和边框,符合标准盒模型。
    • 布局:元素的布局和定位会按照标准规则进行处理。
    • 规范行为:浏览器会更严格地遵循标准的 CSS 规范和行为。
  2. 混杂模式(怪异模式或兼容模式)

    • 在混杂模式下,浏览器会尝试向后兼容旧版本的浏览器渲染方式,可能导致一些非标准行为。
    • 盒模型:元素的宽度和高度可能只包括内容,不包括内边距和边框,符合怪异盒模型。
    • 布局:元素的布局和定位可能会按照旧版本浏览器的渲染规则进行处理。
    • 兼容性:浏览器会尽可能地兼容旧版本的 CSS 和 HTML 代码,使得一些旧网页能够正常显示。

在实际开发中,可以通过文档类型声明(DOCTYPE 声明)来指定网页使用的渲染模式,例如使用 <!DOCTYPE html> 来启用严格模式。选择使用严格模式还是混杂模式取决于网页的需求和兼容性考虑,但一般建议使用严格模式以确保网页的稳定性、一致性和标准性。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/744626.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

pycharm安装配置运行py代码与命令行运行

命令行(winr cmd python) 三个小箭头表示可以运行py代码 什么是解释器 文字翻译二进制 你对电脑说 我爱你 电脑不知道什么意思 你对电脑说 111001101000100010010001 111001111000100010110001 111001001011110110100000 电脑便知道了你爱它 那么如何给计算机说这些二进制串…

C++中的STL-string类

文章目录 一、为什么学习string类&#xff1f;1.1 C语言中的字符串 二、准库中的string类2.2 string类2.3 string类的常用接口说明2.4 string类对象的容量操作2.5 string类对象的访问及遍历操作2.5 string类对象的修改操作2.7 string类非成员函数2.8 模拟实现string 一、为什么…

字节飞书前端实习面试

属于是被字节狠狠地拷打了。面试官人很好,让人感觉有很沉稳的感觉。问了一大堆关于底层的问题,属于是把我整麻了。 项目部分问的不多,主要问的都是一些前端涉及的底层知识,层层递进。 1.vue3的响应式是如何实现的 2.computed和watch是什么,有什么应用场景 3.盒子模型 4.BF…

富文本配置渲染场景问题杂谈

背景 可视化页面搭建场景&#xff0c;需要支持配置富文本内容并在页面中渲染&#xff0c;富文本编辑器SDK采用了tinymce/tinymce-react。 问题场景 问题1 &#xff1a;文本数据转义 富文本编辑器生成的HTML富文本在服务端存储时会对字符串进行转义&#xff0c;比如&#xf…

配置服务器自启动极简方式 /etc/rc.d/rc.local

配置服务器自启动有三种方式&#xff0c;本文采用极简方式 1. 修改 脚本 /etc/rc.d/rc.local 设置启动应用的脚本 vim /etc/rc.d/rc.local --追加以下内容 /home/init.sh >> /var/log/my_init.log 2>&1 &exit 0 脚本注释&#xff1a;命令中 2>&…

css选择器nth-last-child(n)的学习理解

上一节我们介绍了:nth-child(n)的使用&#xff0c;这一节我们来介绍一下:nth-last-child(n) :nth-last-child(n)&#xff1a;此选择器和nth-child(n)类似都是选择其父元素的第 n 个子元素&#xff0c;唯一的区别在于它是从父元素的子元素末尾开始往前数&#xff0c;一直到第一个…

多项式回归算法模拟

python3.6 环境 import numpy as np import matplotlib.pyplot as plt from sklearn.linear_model import LinearRegression from sklearn.preprocessing import PolynomialFeatures# 生成随机数作为x变量&#xff0c;范围在-5到5之间&#xff0c;共100个样本 x np.random.un…

深度学习训练GPU显卡选型攻略

‍‍&#x1f3e1;博客主页&#xff1a; virobotics(仪酷智能)&#xff1a;LabVIEW深度学习、人工智能博主 &#x1f4d1;上期文章&#xff1a;『仪酷LabVIEW OD实战(5)——Object DetectionTensorRT工具包快速实现yolo目标检测』 &#x1f37b;本文由virobotics(仪酷智能)原创…

Web框架开发-web框架

一、web框架 web框架&#xff08;web framwork&#xff09;是一种开发框架&#xff0c;用来支持动态网站&#xff0c;网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式&#xff0c;也为web行为提供了一套通用的方法。web框架已经实现了很多功能&…

51单片机的万年历闹钟及温度补偿

撰写一篇基于51单片机的万年历闹钟及温度补偿的论文&#xff0c;你需要按照学术论文的标准格式和结构来组织内容。以下是一个大致的论文框架和内容建议&#xff1a; 基于51单片机的万年历闹钟及温度补偿系统设计与实现 摘要&#xff1a; 简要介绍论文的研究背景、目的、方法、…

C++特性之一:继承

1. 派生类的成员变量、成员函数、构造、析构 2. 继承的切片 3. 重定义/隐藏 重定义/隐藏&#xff1a;派生类和基类有同名的成员&#xff0c;就叫隐藏。派生类的成员隐藏了基类的成员。 隐藏时可以通过类作用限定符来访问被隐藏的成员。 class Person { public:void Print(){…

代码学习记录19

随想录日记part19 t i m e &#xff1a; time&#xff1a; time&#xff1a; 2024.03.14 主要内容&#xff1a;今天的主要内容是二叉树的第七部分&#xff0c;主要涉及修剪二叉搜索树 &#xff1b;将有序数组转换为二叉搜索树&#xff1b;把二叉搜索树转换为累加树。 669. 修剪…

【UE5】非持枪状态蹲姿移动的动画混合空间

项目资源文末百度网盘自取 在BlendSpace文件夹中单击右键选择动画(Animation)中的混合空间(Blend Space) &#xff0c;选择SK_Female_Skeleton&#xff0c;命名为BS_NormalCrouch 打开BS_NormalCrouch 水平轴表示角色的方向&#xff0c;命名为Direction&#xff0c;方向的最…

原生php单元测试示例

下载phpunit.phar https://phpunit.de/getting-started/phpunit-9.html 官网 然后win点击这里下载 新建目录 这里目录可以作为参考&#xff0c;然后放在根目录下 新建一个示例类 <?phpdeclare(strict_types1);namespace Hjj\DesignPatterns\Creational\Hello;class He…

如何实现系统的高可用性

实现系统的高可用性是确保系统持续提供服务的关键要素。下面是一些常见的高可用方案&#xff1a; 冗余部署&#xff1a;将系统的关键组件部署在多台服务器上&#xff0c;通过搭建主备或者集群的架构来实现冗余。当主服务器出现故障时&#xff0c;备用服务器能够自动接管&#…

Flutter可重排的列表控件ReorderableListView详解

文章目录 ReorderableListView 介绍主要属性使用示例注意事项 ReorderableListView 介绍 ReorderableListView 是 Flutter 中一个可重排的列表控件&#xff0c;允许用户通过拖动来改变列表项的顺序。它继承自 ListView&#xff0c;并提供了一些额外的功能来实现重排功能。 主…

面试 Java 并发编程八股文十问十答第六期

面试 Java 并发编程八股文十问十答第六期 作者&#xff1a;程序员小白条&#xff0c;个人博客 相信看了本文后&#xff0c;对你的面试是有一定帮助的&#xff01;关注专栏后就能收到持续更新&#xff01; ⭐点赞⭐收藏⭐不迷路&#xff01;⭐ 1&#xff09;synchronized 和 R…

安卓通过termux部署ChatGLM

一、安装Termux并进行相关配置 1、安装termux Termux 是一个 Android 终端仿真应用程序&#xff0c;用于在 Android 手机上搭建一个完整的 Linux 环境。 不需要 root 权限 Termux 就可以正常运行。Termux 基本实现 Linux 下的许多基本操作。可以使用 Termux 安装 python&…

23.查询所有列

选择所有列 SELECT * FROM 表名; 用跟在SELECT关键字后面的星号(*),你能够显示表中数据的所有列。 实例&#xff1a; 查询departments表中的所有数据 select * from departments; 选择指定列 select 列名1,列名2... from 表名; 能够用SELECT语句显示表的指定列&#xf…

DB算法原理与构建

参考&#xff1a; https://aistudio.baidu.com/projectdetail/4483048 Real-Time Scene Text Detection with Differentiable Binarization 如何读论文-by 李沐 DB (Real-Time Scene Text Detection with Differentiable Binarization) 原理 DB是一个基于分割的文本检测算…