【Web Design】课堂笔记

最新推荐文章于 2026-08-23 19:16:04 发布

原创最新推荐文章于 2026-08-23 19:16:04 发布 · 458 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

Bootstrap是一款流行的前端框架，用于开发响应式的、移动优先的网站。它提供两种使用方式：从getbootstrap.com下载或通过CDN引入。Bootstrap的优势包括易用性、响应式特性、移动优先的设计理念及良好的浏览器兼容性。

bootstrap

it is a front-end framework for developing responsive, mobile-first web sites.

2 ways to use Bootstrap on the web site:

1>download Bootstrap from getbootstrap.com

2>include bootstrap from a CDN

so why do we use bootstrap?

1. easy to use

2. responsive features

3. mobile-first approach

4. browser compatibility

containers are not nestable, which means container cannot be inside of another container.

标签

#bootstrap #html #css

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Cola_Jay

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Python百日进阶-Web开发-Feffery】Day385 -“一起Dash”训练营Lesson-07_利用fac构建表单(上)

专注于医院数据分析技术与系统开发的创作与分享。

06-03

233

文章目录前言：fac是什么？“人生苦短，我用Python；Web开发，首选Feffery！”↓↓↓ 今日笔记 ↓↓↓一、费老师课堂1.1 什么是表单1.2 页面效果1.3 课堂源码二、课后作业2.1 页面效果2.2 项目源码前言：fac是什么？ feffery-antd-components（简称fac），是国内大佬费弗里(Feffery)老师基于著名的React UI组件库ant design进行二次开发，将ant design中的诸多实用组件及特性引入Dash，帮助开发者使用极低的纯Python代

参与评论您还未登录，请先登录后发表或查看评论

【Python百日进阶-Web开发-Feffery】Day400 -“一起Dash”训练营Lesson-09_利用多页面应用_课堂

专注于医院数据分析技术与系统开发的创作与分享。

06-26

243

文章目录前言：fac是什么？“人生苦短，我用Python；Web开发，首选Feffery！”↓↓↓ 今日笔记 ↓↓↓一、位置组件dcc.Location()1.1 参数1.2 使用示例二、智能仿真计算平台前言：fac是什么？ feffery-antd-components（简称fac），是国内大佬费弗里(Feffery)老师基于著名的React UI组件库ant design进行二次开发，将ant design中的诸多实用组件及特性引入Dash，帮助开发者使用极低的纯Python代码量，即可快速开发出

Web Standards Creativity: Innovations in Web Design with XHTML, CSS, and DOM Scripting

TopMVP

11-30

669

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/topmvp - topmvp*Be inspired by 10 web design lessons from 10 of the worlds best web designers *Get creative with cutting-e

算法 | A*算法实现最优路径规划

不断学习，不断进步，提高自己

07-26

6578

启发式探索是利用问题拥有的启发信息来引导搜索，达到减少探索范围、降低问题复杂度的目的。A*寻路算法是启发式探索的一个典型实践，在寻路搜索的过程中，给每个节点绑定了一个估计值(即启发式)，在对节点的遍历过程中采取估计值优先原则，估计值更优的节点会被优先遍历。...

android 解析ppt,Android Material Design(UX&UI）深入解读及实战课堂~精品课件

weixin_29057065的博客

05-29

243

研究Material Design(UX&UI)目的在于：丰富设计思维并且能够应用到设计工作中”“我们挑战自我，为用户创造了崭新的视觉设计语言，与此同时，新的设计语言除了遵循经典设计定则，还汲取了最新的科技，秉承了创新的设计理念”这就是Material Design~！Material Design(UX&UI)界面由最基本的构成单元组成，然后根据的既定的需求进行设计。所以，要明确...

领码课堂：深海导航——全面解析 `navigator`，驾驭下一代 Web 应用的“数字罗盘”

领码SPARK - 以无代码之星火，燎原数字之未来！

11-03

1026

本文系统梳理了Web开发中navigator对象的演进与应用。从传统的userAgent属性及其隐私问题入手，重点介绍了现代替代方案userAgentData的结构化设计和隐私保护特性。同时深入探讨了性能感知API（如hardwareConcurrency和deviceMemory）在自适应Web开发中的关键作用，以及如何利用这些接口优化资源加载和并行计算。文章展现了navigator对象从简单的浏览器识别工具发展为连接设备硬件与Web应用的重要桥梁，为开发者构建高性能、智能化的现代Web应用提供了实用指南

响应式Web设计：HTML5和CSS3实战读书笔记

weixin_33910460的博客

11-05

733

响应式Web设计：HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao pandao####vip.qq.com UpdateTime : 2013-08-21 目录第1章 HTML5、CSS3及响应式设计入门第2章媒体查询：支持不同的视口第3章拥抱流式布局第4章响应...

基于Android的课堂签到App的设计与实现）开题报告

bishe288的博客

01-31

666

HDFS放宽了POSIX的要求，可以以流的形式访问文件系统中的数据。2、同时增加文字触发提醒，设置提醒语，有相同字段的数据，会触发弹框提醒，例如设置状态提醒：特急/加急/一般增加自定义提醒语（如：库存不足，请补货）8、AI续写、AI优化、AI校对、AI翻译:新增AI接口，编辑器接入AI，可以实现AI续写、AI优化、AI校对、AI翻译，可以帮你实现自动化，ai帮你完成文档。对于本系统，我们提供全方位的支持，包括修改时间和标题，以及完整的安装、部署、运行和调试服务，确保系统能在你的电脑上顺利运行。

Open Design多平台导出指南：HTML/PDF/PPTX/MP4全格式支持

gitblog_00590的博客

06-07

647

**Open Design多平台导出功能**让您的创意设计轻松适配各种场景！无论您需要网页展示、打印文档、演示文稿还是视频分享，Open Design的一键导出功能都能满足您的需求。🎨 作为本地优先的开源Claude Design替代方案，Open Design不仅支持259+技能和142+设计系统，更提供了完整的**多格式导出工作流**，让设计成果真正"走出去"。 ## 🔥 为什么需要多格

html网易云客堂,网易云课堂.html · Rakshasa/APP-design-week2 - Gitee.com

weixin_33917663的博客

06-04

175

网易云课堂$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPat...

PWA音频录制器实现：Web Audio Samples中的离线录音与可视化技术

gitblog_00284的博客

07-11

290

想要在浏览器中实现专业的音频录制功能吗？Web Audio Samples项目中的PWA音频录制器展示了如何结合现代Web技术创建离线可用的音频录制应用。这个开源示例项目由Chrome Web Audio团队开发，提供了完整的渐进式Web应用(PWA)音频录制解决方案，支持离线录音、本地存储和实时可视化功能。 ## 为什么选择PWA音频录制器？ PWA音频录制器是一个基于Web Audio A

2、HTML入门——HTML元信息

qq_51180928的博客

08-17

274

HTML学习笔记

怎么让腾讯元宝做表格？AI导出鸭苹果版通过解析引擎将元宝表格HTML转为结构化数据，一键导出标准Excel或Word

2601_95832060的博客

08-23

325

腾讯元宝生成的表格在直接导出Excel/Word时易出现公式错误、格式丢失等问题。AI导出鸭苹果版通过智能解析引擎，将HTML表格转为结构化数据，保留公式、合并单元格和样式，支持一键导出标准Excel（含多Sheet）、Word或PDF。其核心技术包括DOM结构识别、公式保真转换和本地化处理（不上传数据），解决跨平台兼容性问题，实测80行报表转换仅需8秒且零误差。该工具动态适配元宝版本更新，满足企业级数据安全需求。

HTML 的＜html＞元素

IMPYLH的博客

08-20

229

html>元素是 HTML 文档的根元素，所有其他元素（如 <head>和 <body>）都必须包含在它之内。它代表了整个 HTML 页面的开始和结束，是文档树的顶层节点。<html>元素是每个网页不可或缺的基石。它定义了文档的边界和基础语言环境。正确使用它，结合DOCTYPE>声明和恰当的lang属性，是构建标准、可访问且对搜索引擎友好的网页的第一步。

Grok生成的html怎么导出——AI导出鸭：大模型结构化输出的“最后一公里”工程化解构

aidssxz的博客

08-21

625

在LLM从“玩具”走向“工具”的进程中，结构化输出的稳定性一直是工程落地的“阿喀琉斯之踵”。无论是Grok、ChatGPT还是DeepSeek，其生成的HTML、Markdown及LaTeX公式在跨平台流转时，乱码、排版错乱、数据血缘断裂成为高频痛点。本文以“AI导出鸭”为核心解剖样本，结合PydanticAI验证框架与FAIR数据原则，通过横向对比与实证数据，深度探讨AI原生内容如何实现无损的工业化导出。

蜗牛学苑 Java 智能体学习 Day26｜HTML（续）、断点调试思维导图复盘

weixin_75217422的博客

08-22

195

重生之我在蜗牛学苑学代码

HTML + CSS + JavaScript实现可视化JSON工具：格式化、折叠、搜索与错误定位

xiaominglao的博客

08-22

258

本文使用原生 HTML、CSS 和 JavaScript 实现一个可直接运行的可视化 JSON 工具。无需框架和构建环境，支持 JSON 格式化、压缩、树形折叠、关键词搜索及解析错误定位，并介绍递归渲染、安全 DOM 操作、响应式布局和本地数据处理边界。

VS Code 1.133 实战：Claude 可免 GitHub 登录，HTML 保存后自动刷新

cookies404的博客

08-19

312

VS Code 1.133 增加了 Claude 会话模型来源切换、免 GitHub 登录打开 Agents 窗口、长对话提示词置顶，以及本地 HTML 自动刷新功能。本文给出 Windows 开启方法、完整配置、费用边界和可直接复制的测试页面。

HTML系列教程：5_HTML 属性超详细零基础讲解

zhanghaha1314的博客

08-23

200

本文系统讲解了HTML属性的基本语法和使用规范。主要内容包括：1. 属性基础语法：必须写在开始标签内，格式为"属性名=属性值"，多个属性用空格分隔，必须使用英文引号。2. 属性分类：- 通用属性（class、id、title等）适用于几乎所有HTML元素特有属性（如a标签的href、img标签的src）只对特定标签有效3. 空元素的属性写法：如<img>、<meta>等单标签的属性也写在开始标签内。4. 常见错误：包括使用中文引号、属性写在结束标签、错误分隔属性

HTML系列教程：4_什么是 HTML 元素（零基础超详细讲解）

zhanghaha1314的博客

08-19

499

这篇文章系统讲解了HTML标签与元素的区别及用法：核心概念区分标签：仅指尖括号部分（如<p>）元素：=开始标签+内容+结束标签的完整结构（如<p>文字</p>）元素类型双标签元素（有内容）：如<h1>标题</h1> 空元素（单标签）：如<br>、<img>，无内容和结束标签重要特性嵌套规则：先开后关，禁止交叉。

【基于GO的Web开发7】html/template 模板补充