Html / CSS刷题笔记

news2024/11/26 14:59:32

4c00a1e81a504efc82b7de3d7512e732.png

78735a8ab3994ea59d22c0f42bd88c33.png

abba977bd67f41a898b17b24ac884b4d.png

3685f67711e14f29a0a1382a96c2cf32.png

6a20c5ba08d5424d991b2c34c41d3c8c.png

7a178f0f9a164de1995175823c85b80f.png

WebKit是一个开源的浏览器引擎,它最初是由苹果公司开发的,并且被广泛用于Safari浏览器和其他基于WebKit的浏览器,比如Google Chrome的早期版本。它也是构建许多移动设备浏览器的基础。WebKit的主要功能是解析HTML和CSS,并将其渲染为可视化的网页。它还实现了JavaScript解释执行、网络请求、网页缓存、插件支持等功能。WebKit是一个跨平台的引擎,可以运行在多个操作系统上,包括Mac、Windows、Linux和移动操作系统如iOS和Android。值得注意的是,WebKit是基于开放标准的实现,如HTML、CSS和JavaScript,并且积极参与这些标准的制定和发展。它的开源性质也使得开发者可以以WebKit为基础进行二次开发,以满足特定需求。

Gecko是Mozilla基金会开发的一个开源的浏览器引擎。它最初用于Mozilla Firefox浏览器,并且也被其他浏览器所采用,比如SeaMonkey和Pale Moon等。Gecko的主要功能是解析HTML和CSS,将网页呈现为可视化的形式。它支持JavaScript解释执行、网络请求、网页缓存、插件支持等功能。与WebKit不同的是,Gecko是为了兼容性和可扩展性而设计的,使用了独特的布局引擎和渲染方式,因此在某些方面可能与其他浏览器引擎有所不同。

ba6e311745a645598590cdc676b50545.png

e76b1d87545142daa0bb5e5af3d01f64.png

7096bb5a89684655a0fc1f0c86695308.png

67718d8934ee4e7c993a9595fd4486e8.png

b4457a219d8f43c0a524615975ba6d9a.png

5a0f7e25467744b4b5821deccd652ada.png

4349e563fdc94638a8022671c0b3a9f5.png

1b3a1b66af784148b471bd9155c8e314.png

HTML 的 lang 属性可用于声明网页或部分网页的语言,这对搜索引擎和浏览器是有帮助的。

根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明:

比如声明原文版语言:

<html lang="en"> ... </html>

语言ISO 代码
Chinese (简体)zh
Chinese (繁体)zh
Englishen
Japaneseja

ca52bcdc461846bba27337944fd87437.png

<input list="browsers">
	<datalist id="browsers">
	 
	<option value="Internet Explorer">
	 
	<option value="Firefox">
	 
	<option value="Google Chrome">
	 
	<option value="Opera">
	 
	<option value="Safari">
	</datalist>

7e244505d4fb47189e8ba060f159948e.png

a40259739f954e23986cfded5ba2a8c8.png

1c88da4e3bd94e899ac37e925f08bfdd.png

468013b9359a424fbdb23ed2ab17bb82.png

13bb9439a7ca4c22838ac7bc9be34fb2.png

55d59a66929943869a5b1a2b0cc85113.png

77d82a1182c240e38af3a85a5eaa0b30.png

cellspacing 属性规定单元之间的空间,以像素计。

cellpadding 属性规定的是单元边沿与单元内容之间的空间。

e8a12b96744b45baba360e261fb0a134.png

be8122865ea94ac49e30ed5d2bae4a2a.png

2a36ff5c31664509b7e7b59600e3623c.png

42f98328d6094992a0b1e28115f6a4ee.png

b57078d7f0a74612af59678d5a232d38.png

e8292210bb7544e8908dfa1af876640a.png

610254931ae9410e98e2b9b890adfef1.png

href 属性规定外部资源(通常是样式表文件)的位置(URL)。

<link rel="stylesheet" type="text/css" href="theme.css">

ffa4f9e0ce9247469a08b1564a452af1.png

9046eb7b42fa41559769d820580cc821.png

7bcffcba28174da2b9edce1323e55cfc.png

ed97d17e48eb46169fcbf1af8d1c1b8d.png

b9788cebe01340f2be4d5fa2dff89efe.png

3e89933867874b1d9e19ef9c1b5faa73.png

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

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

相关文章

vue3(五)-基础入门之计算属性

一、计算属性 1.计算属性与普通方法的的区别&#xff1a; 计算属性在需要渲染数据时调用一次&#xff0c;而后将结果缓存起来。只有计算属性所依赖的数据发生改变时才会重新调用函数&#xff0c;否则每次渲染相同的数据都只会从缓存中读取。 普通方法在每次数据需要渲染时都会…

prometheus二进制安装

1、在需要安装prometheus的目录下执行wget命令下载软件到本地&#xff0c;如我的路径是/opt/module/prometheus wget https://github.com/prometheus/prometheus/releases/download/v2.34.0/prometheus-2.34.0.linux-amd64.tar.gz正在解析主机 objects.githubusercontent.com …

Head First Design Patterns - 策略模式

策略模式 策略模式&#xff1a;策略模式是一种行为型模式&#xff0c;它将对象和行为分开&#xff0c;将行为定义为 一个行为接口 和 具体行为的实现。策略模式最大的特点是行为的变化&#xff0c;行为之间可以相互替换。每个if判断都可以理解为就是一个策略。本模式使得算法可…

05_符号表

05_符号表 一、符号表符号表API设计符号表实现有序符号表 一、符号表 符号表最主要的目的就是将一个键和一个值联系起来&#xff0c;符号表能够将存储的数据元素是一个键和一个值共同组成的键值对数据&#xff0c;我们可以根据键来查找对应的值。符号表中&#xff0c;键具有唯…

2024华为OD机试真题指南宝典—持续更新(JAVAPythonC++JS)【彻底搞懂算法和数据结构—算法之翼】

PC端可直接搜索关键词 快捷键&#xff1a;CtrlF 年份关键字、题目关键字等等 注意看本文目录-快速了解本专栏 文章目录 &#x1f431;2024年华为OD机试真题&#xff08;马上更新&#xff09;&#x1f439;2023年华为OD机试真题&#xff08;更新中&#xff09;&#x1f436;新…

1.倒排索引 2.逻辑斯提回归算法

1.倒排索引 https://help.aliyun.com/zh/open-search/retrieval-engine-edition/introduction-to-inverted-indexes 倒排索引&#xff08;Inverted Index&#xff09;是一种数据结构&#xff0c;用于快速查找包含某个特定词或词语的文档。它主要用于全文搜索引擎等应用&#…

解锁JDK 12的奇妙之旅:新特性详解

欢迎来到我的博客&#xff0c;代码的世界里&#xff0c;每一行都是一个故事 解锁JDK 12的奇妙之旅&#xff1a;新特性详解 前言switch表达式拓展NumberFormat对复杂数字的格式化字符串支持transform、indent操作新增方法Files.mismatch(Path, Path)Teeing Collector支持unicode…

AG16KDDF256 User Manual

AGM AG16KDDF256 是由 AGM FPGA AG16K 与 DDR-SDRAM 叠封集成的芯片&#xff0c;具有 AG16K FPGA的可编程功能&#xff0c;提供更多可编程 IO&#xff0c;同时内部连接大容量 DDR-SDRAM。  FPGA 外部管脚 FBGA256 封装&#xff0c;管脚说明请见下表 Table-1&#xff1a; Tab…

微服务实战系列之Dubbo(上)

前言 随着一年一度冬至的到来&#xff0c;2023的步伐也将远去。而博主的系列文章&#xff0c;也将从今天起&#xff0c;越来越聚焦如何构建微服务“内核”上。前序系列文章几乎囊括了微服务的方方面面&#xff0c;无论使用什么框架、组件或工具&#xff0c;皆可拿来用之。 那么…

探秘JDK 13的黑科技:新特性一览

欢迎来到我的博客&#xff0c;代码的世界里&#xff0c;每一行都是一个故事 探秘JDK 13的黑科技&#xff1a;新特性一览 前言switch表达式扩展Switch表达式的基本概念&#xff1a;使用Switch表达式的优势&#xff1a;示例代码&#xff1a;注意事项和最佳实践&#xff1a; Text …

【面向对象】对比JavaScript、Go、Ada、Python、C++、Java、PHP的访问限制。

在不同编程语言中&#xff0c;控制成员&#xff08;变量、方法、类等&#xff09;可见性的机制不尽相同。以下是对比JavaScript、Go、Ada、Python、C、Java、PHP所使用的访问限制关键字和约定&#xff1a; 一、JavaScript ### JavaScript访问限制 早期的JavaScript并没有类似…

Selenium4+Python3 - Iframe、Select控件、交互式弹出框、执行JS、Cookie操作

一、iframe操作 iframe识别&#xff1a; 语法&#xff1a; driver.switch_to.frame(‘方式’) 1、常见处理方法三种 index&#xff1a;下标name&#xff1a;id或name属性的值webelement&#xff1a;元素 2、通过下标进入 进入第一个iframe&#xff1a; driver.switch_to.…

【什么是反射机制?为什么反射慢?】

✅ 什么是反射机制&#xff1f;为什么反射慢&#xff1f; ✅典型解析✅拓展知识仓✅反射常见的应用场景✅反射和Class的关系 ✅典型解析 反射机制指的是程序在运行时能够获取自身的信息。在iava中&#xff0c;只要给定类的名字&#xff0c;那么就可以通过反射机制来获得类的所有…

C++笔试训练day_2

文章目录 选择题7. 编程题1.2. 选择题 &#xff08;6&#xff09;因为p2被const修饰所以p2不可以被改变&#xff0c;但是p2的指向可以被改变 &#xff08;7&#xff09;因为指针p3被const修饰&#xff0c;所以p3的指向不能被改变&#xff0c;但是*p3可以被改变 int main() {in…

spring boot集成mybatis和springsecurity实现权限控制功能

上一篇已经实现了登录认证功能&#xff0c;这一篇继续实现权限控制功能&#xff0c;文中代码只贴出来和上一篇不一样的修改的地方&#xff0c;完整代码可结合上一篇一起整理spring boot集成mybatis和springsecurity实现登录认证功能-CSDN博客 数据库建表 权限控制的意思就是根…

前端常用的工具网站

前端常用的工具网站&#x1f516; 文章目录 前端常用的工具网站&#x1f516;1. 图片在线压缩2. iconfont--矢量图标3. JSON在线格式化4. EMOJIALL--表情符号5. removebg--去除图片背景6. FREE API--免费API接口7. Lorem picsum --随机图片8.UU在线工具 -- 聚合工具 1. 图片在线…

Windows系统安装 ffmpeg

下载及解压 ffmpeg官方下载地址&#xff1a;https://ffmpeg.org/download.html 下载好后将其解压至你想保存的位置中。 环境变量设置 打开Windows设置&#xff0c;在搜索框输入&#xff1a;系统高级设置。 新建环境变量&#xff0c;并输入bin目录具体位置。 安装检查 按住 w…

图形处理工具:Photoshop Elements 2020 mac介绍说明

Photoshop Elements 2020 mac简称ps elements 2020&#xff0c;是一款图形处理工具。ps elements 2020 mac可以帮助您自动生成照片和视频作品的功能&#xff0c;采用Sensei AI技术可进行图像组织、编辑和创建等。Photoshop Elements 2020 可以帮助您轻松整理照片和视频&#xf…

【Linux】定时任务

定时任务常用crontab来定期执行程序。 crontab 基本语法 crontab [-u user] -l # 列出用户cron任务 crontab [-u user] -e # 编辑用户cron任务 crontab [-u user] -r # 移除用户cron任务cron 表达式 # 分 时 日 月 周 执行命令 minute hour day month week command # 示例…

Simulink元件

constant 输出常数/标量 这样我们就只输出了一个常数 输出一维数组/矢量 这样我们就输出了1-5一共5个数字 输出二维数组 这样我们就输出了4个数字 选择框Interpret vector parameters as 1-D 如果标量或者矩阵&#xff0c;勾与不勾都一样。 如果是向量&#xff0c;勾选则表…