自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(61)
  • 收藏
  • 关注

原创 响应式CSS 媒体查询——WEB开发系列39

CSS媒体查询(Media Queries)是响应式设计中的核心技术之一,帮助我们在不同设备上展示不同的样式。通过媒体查询,开发者可以检测用户设备的特性,如屏幕宽度、高度、分辨率、方向等,针对性地调整网页布局。

2024-09-15 21:53:51 976

原创 项目实训:CSS基本布局理解——WEB开发系列38

对CSS学习已经接近尾声,下面你可以对以下两道“小卡拉米”测试进行测试下CSS理解程度。

2024-09-13 23:24:11 552

原创 CSS传统布局方法(补充)——WEB开发系列37

开发技术不断演进,布局方式也经历了多个阶段的变革。从最初的基于表格布局到 CSS 的浮动布局,再到今天的弹性盒(Flexbox)与 CSS Grid 网格布局,每一种布局方式都有其独特的背景和解决特定问题的优势。

2024-09-12 15:47:13 1485 2

原创 CSS 响应式设计(补充)——WEB开发系列36

随着移动设备的普及,网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示,还要适应不同设备的特性。

2024-09-11 17:14:50 1053

原创 CSS“多列布局”(补充)——WEB开发系列35

多列布局是一种非常常见的布局方式,适用于内容丰富的页面,如新闻网站、杂志或博客。

2024-09-10 14:41:34 713

原创 “CSS 定位”如何工作?(补充)——WEB开发系列34

CSS定位是一个非常重要的布局工具,它允许我们精确地控制元素的位置,从而创建复杂的布局效果。定位允许你从正常的文档流布局中取出元素,并使它们具有不同的行为,例如放在另一个元素的上面,或者始终保持在浏览器视窗内的同一位置。

2024-09-09 14:09:49 1350

原创 万物皆可“浮动”(补充)——WEB开发系列33

​​float​​属性最初的设计目的是在文本块内使图像浮动,从而让文字环绕在图像的左右两侧,这种效果在报纸版面中很常见。随着时间的推移,这一属性已成为网页设计中实现多列布局的常用工具。最开始,​​float​​主要用于在文本列中调整图像位置,创造简单的布局。后面Web 开发人员发现​​float​​不仅仅可以应用于图像,也可以用于其他元素,从而拓展了它的应用范围。​​float​​被广泛用于整个网页的布局,实现了信息的横向排列(与默认的纵向排列相对)。虽然新的页面布局技术已经出现,使得​​floa

2024-09-08 14:46:12 977

原创 ”CSS 网格“二维布局系统(补充)——WEB开发系列32

CSS 网格布局是一种二维布局系统,用于网页设计。通过使用网格,你可以将内容以行和列的形式进行排列。此外,网格布局还能够简便地实现一些复杂的布局结构。

2024-09-07 15:10:08 1583

原创 “弹性盒子”一维布局系统(补充)——WEB开发系列31

弹性盒子是一种一维布局方法,用于根据行或列排列元素。元素可以扩展以填补多余的空间,或者缩小以适应较小的空间,为容器中的子元素提供灵活的且一致的布局方式。

2024-09-06 16:03:06 1316

原创 常规流布局(补充)——WEB开发系列30

CSS(层叠样式表)作为现代网页设计的基础之一,其布局功能一直是开发者关注的重点。了解CSS常规流布局是掌握网页布局的第一步。

2024-09-05 14:04:29 669

原创 深入CSS 布局——WEB开发系列29

CSS 页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。

2024-09-04 13:37:44 1994

原创 借助文本样式为网页赋予生命——WEB开发系列28

文本样式不仅仅是装饰,它对用户体验和网站的可读性有着重要影响。

2024-09-03 14:10:53 922

原创 项目实训:创建一张贺卡以及一只盒子——WEB开发系列27

以下是两道关于基础 CSS 盒模型和其他盒子相关特性的练习题,适合测试对这些概念的掌握程度,通过实际的设计任务来深入理解这些概念。

2024-09-02 14:34:00 1006

原创 理解调试和组织 CSS——WEB开发系列26

CSS(层叠样式表)不仅是为网页提供样式的关键工具,也是调试和优化网页表现的重要部分。无论是调整网页布局,还是确保样式的一致性,掌握调试和组织 CSS 的技巧都是至关重要的。

2024-09-01 14:32:59 1838

原创 CSS 高级区块效果——WEB开发系列25

CSS提供了多种工具和属性,使我们能够创建视觉上引人注目的效果。今天我们继续将深入了解几种高级CSS效果:盒子阴影、滤镜、混合模式和文本背景裁剪,提升网页设计的质感和深度。

2024-08-31 09:24:27 1881

原创 CSS 样式化表格——WEB开发系列24

表格在网页设计中扮演了重要角色,尤其是在展示数据和信息时。尽管 HTML 表格提供了结构化的数据展示,但要使其看起来既美观又实用,CSS 样式化至关重要。

2024-08-30 14:56:09 1206

原创 CSS 中的图像、媒体和表单元素——WEB开发系列23

网页开发中,图像、媒体和表单元素是构建用户界面的重要组成部分。正确地使用 CSS 来处理这些元素可以大幅提高用户体验,增强页面的美观性和功能性。

2024-08-29 10:50:56 1532

原创 在 CSS 中调整大小——WEB开发系列22

调整元素的大小是一个重要的技能,CSS 提供了多种方法来控制和调整元素的尺寸,以适应不同的设计需求和屏幕尺寸。

2024-08-28 13:08:09 822

原创 CSS 的值与单位——WEB开发系列21

在 CSS 中,每个属性都可以接受一个或多个值。CSS 提供了多种值和单位,以便我们能够精确地控制页面的布局和样式。

2024-08-27 14:00:42 1159

原创 CSS溢出——WEB开发系列20

在网页设计中,“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容,以确保网页的布局和视觉效果达到预期。

2024-08-26 14:18:59 1162

原创 文本处理方向——WEB开发系列19

处理不同方向的文本是一个重要且复杂的任务,尤其是在多语言支持和跨文化网站设计中尤为重要。CSS(层叠样式表)为我们提供了强大的工具来处理不同的书写模式和布局方向。接下来我们来继续探讨关于 CSS 中的书写模式、块级布局和内联布局、方向、逻辑属性和逻辑值,以及如何使用这些工具来有效地管理文本的显示。

2024-08-25 08:53:54 797

原创 CSS背景与边框——WEB开发系列18

在现代网页设计中,背景和边框是用于提升视觉效果的关键元素。CSS(层叠样式表)提供了丰富的功能来定制这些视觉效果,确保网页看起来既美观又符合设计需求。

2024-08-24 10:33:39 628

原创 CSS”包装盒“--盒模型——WEB开发系列17

CSS 盒模型(Box Model)在 CSS 中,所有的元素都被一个个的“盒子”包围着,理解这些“盒子”的基本原理,是我们使用 CSS 实现准确布局、处理元素排列的关键。

2024-08-23 13:28:24 1230

原创 CSS“叠叠乐”——WEB开发系列16

在现代前端开发中,CSS 是控制网页外观和布局的核心工具。随着项目的复杂化和样式规则的增加,CSS 层叠(cascade)变得更加重要。为了更好地管理和控制样式规则的应用,CSS 引入了层叠层(cascade layers)的概念。

2024-08-22 13:52:47 1060

原创 理解 CSS 层叠、优先级和继承——WEB开发系列15

Web 开发中,CSS (Cascading Style Sheets) 是决定网页视觉呈现的关键技术之一。它为 HTML (Hypertext Markup Language) 提供样式,使得开发者能够控制页面布局、字体、颜色和其他视觉元素。然而,CSS 的强大功能伴随着一定的复杂性,尤其是在处理层叠、优先级和继承这些核心概念时。

2024-08-21 15:03:08 1036

原创 “CSS”选择器是什么?——WEB开发系列14

在CSS中,选择器用于指定我们希望为其设置样式的HTML元素。CSS选择器提供了多种方法,使得我们可以非常精确地选择要样式化的元素。

2024-08-20 14:20:42 985

原创 “CSS”第一步——WEB开发系列13

​CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,CSS 文件扩展名为 .css。

2024-08-19 14:37:03 685

原创 探索HTML中的“iframe”标签——WEB开发系列12

现代网页开发中,​​​​ 标签是一个非常重要的工具。允许我们在一个网页中嵌入另一个网页,对于展示外部内容、应用嵌套或实现复杂的布局设计都非常有用。来一起探讨如何使用 ​​iframe​​ 标签,包括设置高度和宽度、移除边框,以及如何用 ​​iframe​​​ 来显示目标链接页面。

2024-08-18 21:47:24 1413

原创 响应式 HTML 表单设计——WEB开发系列11

HTML 表单是 Web 应用程序的重要组成部分,用户通过它与网站交互,可以填写信息、提交数据等。HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。

2024-08-17 14:54:43 1092

原创 HTML 列表和容器元素——WEB开发系列10

HTML 提供了多种方式来组织和展示内容,其中包括无序列表、有序列表、分区元素​​​​和内联元素​​​​、以及如何使用​​​​​进行布局和表格布局。

2024-08-16 14:10:43 1217

原创 “从零开始的HTML 表格”——WEB开发系列09

HTML 表格是一种用于在网页上组织和显示信息的结构性元素,它能够将数据以行和列的形式呈现,帮助用户更清晰地理解数据关系。表格在展示统计数据、产品列表、日程安排等方面非常实用。

2024-08-14 12:55:09 1099

原创 HTML样式- CSS——WEB开发系列08

HTML 和 CSS 是构建现代网页的基础。HTML(超文本标记语言)负责定义网页的结构,而 CSS(层叠样式表)则用于控制网页的外观和布局。

2024-08-13 14:09:09 1130

原创 理解 HTML 头部:从基础到进阶——WEB开发系列07

网页开发中,HTML 的头部( 部分)扮演着至关重要的角色。虽然不像 部分那样显眼,但头部包含了网页的许多关键元素,对网页的功能性和表现有着直接的影响。

2024-08-12 09:01:38 932

原创 深入了解HTML链接:从基础到进阶——WEB开发系列06

超链接是互联网中最有趣的创新之一,自互联网诞生起,它们就一直是互联网的一个核心特性,使网络成为一个互联的系统。超链接允许我们将文档连接到其他文档或资源,甚至是文档中的特定部分。通过一个简单的网址,可以提供应用程序。几乎所有网络内容都可以被转换为链接,点击或激活这些超链接会使浏览器跳转到其他网址。

2024-08-11 11:19:40 1090

原创 HTML “文本处理基础”--文本格式化——WEB开发系列05

HTML 的主要工作之一是赋予文本结构,使浏览器能够按照开发者的意图显示 HTML 文档。 在创建网页时,文本格式化是至关重要的,它不仅可以影响用户的阅读体验,还可以增强网页的可读性和美观性。HTML 如何通过添加标题和段落、强调单词、创建列表等方式来构造文本呢?

2024-08-10 13:42:36 1159

原创 “头”和“段”里有什么? ——WEB开发系列04

作为前端开发人员,理解HTML的基本结构及语义是至关重要的。我们将继续深入探讨HTML中的标题(​​​​到​​​​标签)和段落(​​​​标签)。

2024-08-09 15:12:11 1173 1

原创 HTML 元素提供的附加信息--属性 ——WEB开发系列03

HTML 属性是指用于描述 HTML 元素的额外信息,它们提供了元素的特定配置或行为,属性通常包含在 HTML 元素的开始标签中。

2024-08-08 13:48:14 804

原创 初识HTML(超文本标识语言)——WEB开发系列01

HTML(超文本标记语言)是构建网页的基础语言。每个网站都是由 HTML 代码构成的,并且它能够决定网页的结构和内容。在深入学习其他前端技能(如 CSS 和 JavaScript)之前,掌握 HTML 是至关重要的。

2024-08-08 07:47:53 967

原创 剖析HTML 元素——WEB开发系列02

HTML元素是构成HTML文档结构的基本单位,定义了页面上的不同部分和内容。HTML元素可以包含不同类型的内容,如文本、图片、链接、表格等,每种元素都有其特定的用途和语义。通过组合和嵌套不同的HTML元素,可以创建复杂的网页结构和布局。一、HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容...

2024-08-07 14:19:47 970

原创 定点数运算法则及其电路设计

随着数字信号处理和嵌入式系统的发展,定点数运算在各类应用中逐渐展现出其重要性。相比浮点数运算,定点数运算以其更高的效率和更低的存储需求在实时计算和数据处理领域占据了不可或缺的地位。一、定点数的基本概念定点数是按固定小数点位置表示的一种数值表达方式。与浮点数不同,定点数的值是基于数值的整数部分和小数部分的和,通过固定的小数点...

2024-08-05 22:00:21 609

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除