标签：CSS

2023-04-06阅读(279)

使用 width 属性 如果 width 属性设置为 100%，图片会根据上下范围实现响应式功能： 注意在以上实例中，图片会比它的原始图片大。我们可以使用 max-width 属性很好的解决这个问题。 使用 max-wi...

2023-04-05阅读(203)

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

2023-04-05阅读(348)

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

2023-04-05阅读(291)

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

2023-04-05阅读(255)

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

2023-03-21阅读(200)

当创建的样式表越来越复杂时，一个标签的样式将会受到越来越多的影响，这种影响可能来自周围的标签，也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。 CSS 的继承性 CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性...

2023-03-20阅读(281)

有 4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。下面我们就来看看这些方式和它们的优缺点。 内联方式 内联方式指的是直接在 HTML 标签中的...

2022-12-29阅读(579)

什么是 Foundation？ Foundation 是一个免费的前端框架，用于快速开发。 Foundation 包含了 HTML 和 CSS 的设计模板，提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。同时也提供了多种 ...

2022-12-19阅读(290)

CSS (Cascading Style Sheets)可描述文档如何被显示。 CSS 教程 如需学习更多有关 CSS 的知识，请阅读我们的 CSS 教程。 CSS1 作为一项 W3C 推荐，CSS1 发布于 1996 年 12 月 17 ...

2022-12-14阅读(356)

SVG滤镜用来增加对SVG图形的特殊效果。 SVG 滤镜 在本教程中，我们将仅展示一个可能采用的特殊效果。基础知识展示后，你已经学会使用特殊效果，你应该能够适用于其他地方。这里的关键是给你一个怎样做SVG的想法，而不是重复整个规范。 SVG...