标签：CSS3

2021-10-24阅读(967)

本章节我们将为大家演示一些多媒体查询实例。 开始之前我们先制作一个电子邮箱的链接列表。HTML 代码如下： 注意 data-email 属性。在 HTML 中我们可以使用带 data- 前缀的属性来存...

2021-10-24阅读(977)

CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持...

2021-10-24阅读(1149)

弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的...

2020-10-29阅读(1238)

CSS3 浏览器支持 对CSS3是没有一个W3C标准的，但全部的主流浏览器都已经支持许多新的功能。下面是有关所有的新的CSS3属性和他们的浏览器支持的参考： 属性 IE Firefox Chrome Safari Opera alignme...

2020-10-21阅读(956)

CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在数字后...

2020-10-20阅读(1304)

本章节我们将为大家介绍如何通过使用 CSS 来创建分页的实例。 简单分页 如果你的网站有很多个页面，你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页： 点击及鼠标悬停分页样式 « 1 2 3 4...

2020-10-19阅读(1283)

本章节我们为大家介绍使用 CSS 来制作按钮。 基本按钮样式 默认按钮 CSS 按钮 CSS 实例: 按钮颜色 Green Blue Red Gray Black 我们可以使用 background-color 属性来设...

2020-10-18阅读(1026)

本章节将为大家介绍如何使用 CSS 来布局图片。 圆角图片 缩略图 我们使用 border 属性来创建缩略图。 响应式图片 响应式图片会自动适配各种尺寸的屏幕。 实例中，你可以通过重置浏览器大小查看效果。 如果你需要自由...

2020-10-18阅读(1489)

CSS3 用户界面 在 CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸，框尺寸和外边框。 在本章中，您将了解以下的用户界面属性： resize box-sizing outline-offset 浏览器支持 表格中的数字表示支持该...

2020-10-18阅读(1112)

CSS3 可以将文本内容设计成像报纸一样的多列布局，如下实例: 自学教程 - runoops.com提供了最全的编程技术基础教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等...