IT入门 > 教程 >
  • 响应式 Web 设计 - 媒体查询 日期:2022-10-10 点击:1050 css教程

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

  • 响应式 Web 设计 - 图片 日期:2022-10-10 点击:1605 css教程

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

  • 响应式 Web 设计 - 视频(Video) 日期:2022-10-10 点击:2644 css教程

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

  • CSS 参考手册 日期:2022-10-10 点击:10100 css教程

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

  • CSS 选择器 日期:2022-10-10 点击:8064 css教程

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

  • CSS 听觉参考手册 日期:2022-10-10 点击:1596 css教程

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

  • CSS Web安全字体组合 日期:2022-10-10 点击:9535 css教程

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

  • CSS 动画 日期:2022-10-10 点击:4174 css教程

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

  • CSS 单位 日期:2022-10-10 点击:5545 css教程

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

  • CSS 颜色 日期:2022-10-10 点击:6961 css教程

    颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合。 颜色值 CSS中定义颜色使用十六进制(hex)表示法为红,绿,蓝的颜色值结合。可以是最低值是0(十六进制00)到最高值是...