HTML/CSS 第12页

2023-04-05阅读(715)

媒体(media)查询在 CSS3 上有介绍：CSS3 @media 查询。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 如果浏览器窗口小于 500px, 背景将变为浅蓝色： 添加断点 在先前的教程中我们使用行和列来...

2023-04-05阅读(1076)

什么是网格视图? 很多网页都是基于网格设计的，这说明网页是按列来布局的。 使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。 响应式网格视图通常是 12 列，宽度为100%，在浏览器窗口大小调整时会自动伸缩。 响应式网格视图...

2023-04-05阅读(801)

什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就...

2023-04-05阅读(703)

什么是响应式 Web 设计? 响应式 Web 设计让你的网页能在所有设备上有好显示。 响应式 Web 设计只使用 HTML 和 CSS。 响应式 Web 设计不是一个程序或Javascript脚本。 设计最好的用户体验 友好的用户体验是网页...

2023-03-19阅读(1311)

下表列出了 HTML 标签简写及全称： 标签 英文全称 中文说明 a Anchor 锚 abbr Abbreviation 缩写词 acronym Acronym 取首字母的缩写词 address Address 地址 alt alter ...

2023-03-19阅读(1733)

HTML 编辑器推荐 可以使用专业的 HTML 编辑器来编辑 HTML，自学教程为大家推荐几款常用的编辑器： VS Code：https://code.visualstudio.com/ Sublime Text：http://www.su...

2023-03-10阅读(2361)

HTML 基础 非常简单的HTML文档HTML 标题HTML 段落HTML 链接HTML 图片 实例解析 HTML 标题 HTML 标题在html源码中插入注释插入水平线 实例解析 HTML 段落 HTML 段落更多段落本例演示在 HTML...

2023-03-10阅读(1855)

在 HTML 中播放视频的方法有很多种。 HTML视频（Videos）播放 问题以及解决方法 在 HTML 中播放视频并不容易！ 您需要谙熟大量技巧，以确保您的视频文件在所有浏览器中（Internet Explorer, Chrome, F...

2023-03-03阅读(1307)

网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 在线实例 使用 <div> 元素的网页布局如何使用 <div> 元素添加布局。 使用 <div> 元素的网页布局实例2如何使用 <div...

2023-02-28阅读(1037)

声音在HTML中可以以不同的方式播放. 问题以及解决方法 在 HTML 中播放音频并不容易！ 您需要谙熟大量技巧，以确保您的音频文件在所有浏览器中（Internet Explorer, Chrome, Firefox, Safari, Op...