IT入门 > 教程 >

响应式 Web 设计 - 网格视图

什么是网格视图? 很多网页都是基于网格设计的，这说明网页是按列来布局的。 使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。 响应式网格视图通常是 12 列...

响应式 Web 设计 - 媒体查询

媒体(media)查询在 CSS3 上有介绍： CSS3 @media 查询 。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 实例 如果浏览器窗口小于 500px, 背景将变为浅蓝色： @media only screen...

响应式 Web 设计 - 图片

使用 width 属性 如果 width 属性设置为 100%，图片会根据上下范围实现响应式功能： 实例 img { width: 100%; height: auto;} 尝试一下 » 注意在以上实例中，图片会比它的原始图片大。我们可以使...

响应式 Web 设计 - 视频(Video)

使用 width 属性 如果 width 属性设置为 100%，视频播放器会根据屏幕大小自动调整比例： 实例 video { width: 100%; height: auto;} 尝试一下 » 注意在以上实例中，视频播放器根据屏幕大小自动调...

CSS 参考手册

菜鸟教程的 CSS 参考手册在所有主流浏览器中测试通过. CSS 属性 CSS 属性组： 动画 背景 边框和轮廓 框 颜色 内容页的媒体属性 尺寸 盒子模型(新) 盒子模型(旧) 字体 内容生成 网格 超链...

CSS 选择器

CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。 选择器 示例 示例说明 CSS . class .intro 选择所有class="intro"的元素 1 # id #firstname...

CSS 听觉参考手册

听觉样式表使用了语音合成和声音效果的结合，让用户收听信息，而不是读取信息。 有声显示可用于： 失明人士 帮助用户学习阅读 帮助具有阅读问题的用户 家庭娱乐 在车上 听觉呈现...

CSS Web安全字体组合

常用的字体组合 font-family属性是多种字体的名称，作为一个"应变"制度，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体，它尝试下一个的字体。 你想要的字...

CSS 动画

定义和用法 一些 CSS 属性是 可以有动画效果的 ，这意味着它们可以用于动画和过渡。 动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。 浏览器支持...

CSS 单位

CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度有一个数字和单位组成如 10px, 2em, 等。 数字与单位之间不能出现空格。...