CSS网格容器-网格容器-实例

CSS 网格容器试试看看 »网格容器要使 HTML 元素变成一个网格容器，可以将 display 属性设置为 grid 或 inline-grid。网格容器内放置着由列和行内组成的网格元素。...

CSS3圆角-CSS3圆角-浏览器支持

#rcorners1 {border-radius: 25px;background: #8AC007;padding: 20px; width: 200px;height: 150px;}#rcorners2 {border-radius: 25px;border: 2px solid #8AC007;padding: 20px; width: 200px;height: 150px;}#rcorners3 {border-radius: 25px;background: u...

CSS参考手册-CSS属性-动画属性

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

CSS3框大小-浏览器支持-不使用CSS3box-sizing属性

CSS3 框大小#p1 {width: 300px;height: 100px;border: 1px solid blue;box-sizing: content-box;}#p2 {width: 300px;height: 100px;padding: 50px;border: 1px solid red;box-sizing: content-box;}#p3 {width: 300px;height: 100px;border: 1px solid blue...

CSS3用户界面-CSS3用户界面-浏览器支持

CSS3 用户界面CSS3 用户界面在 CSS3 中, 增加了一些新的用户界面特质来调整元素尺寸，框尺寸和外边框。在本章中，你将知道以下的用户界面属性：resizebox-sizingoutline-offset浏览器支持表格...

CSS32D转换-CSS3转换-它是如何工作？

CSS3 2D 转换 #rotate2D,#rotate3D {width:80px;height:70px;color:white;position:relative;font-weight:bold;font-size:15px;padding:10px;float:left;margin-right:50px;border-radius:5px;border:1px solid #000000;background:red;margin:10px;}CSS3 转换...

CSS布局-Overflow-CSSOverflow-overflow:visible

CSS 布局 - OverflowCSS overflow属性用于控制内容溢出元素框时显示的方法。#overflowTest {background: #4CAF50;color: white;padding: 15px;width: 80%;height: 100px;overflow: scroll;border: 1px solid #ccc;}p.visible {padding: ...

CSS轮廓（outline）-轮廓（outline）实例-CSS轮廓（outline）

CSS 轮廓（outline）轮廓（outline）是绘制于元素周围的一条线，坐落于边框边缘的外围，可起到突出元素有哪些用途。轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。...

CSS动画-定义和用法-浏览器支持

CSS 动画概念和使用方法一些 CSS 属性是可以有动画成效的，这意味着它们可以用于动画和过渡。动画属性可以渐渐地从一个值变化到另一个值，譬如尺寸大小、数目、百分比和颜色。...

CSS听觉参考手册-实例-CSS听觉参考手册

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