2018
01-09
CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度有一个数字和单位组成如 10px, 2em, 等。 数字与单位之间不能出现空格。如...
2018
01-09
CSS 动画 定义和用法 一些 CSS 属性是可以有动画效果的,这意味着它们可以用于动画和过渡。 动画属性可以逐渐地从一个值变化到另一个值,比如尺寸大小、数量、百分比和颜色。 浏览...
2018
01-09
CSS Web安全字体组合 常用的字体组合 font-family属性是多种字体的名称,作为一个“应变”制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一...
2018
01-09
CSS 听觉参考手册 听觉样式表使用了语音合成和声音效果的结合,让用户收听信息,而不是读取信息。 有声显示可用于: 失明人士 帮助用户学习阅读 帮助具有阅读问题的用户 家庭娱乐...
2018
01-09
CSS 选择器 CSS选择器用于选择你想要的元素的样式的模式。 “CSS”列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。 选择器 示例 示例说明 CSS .class .intro 选择所有class=“intro”的元素...
2018
01-09
CSS 参考手册 菜鸟教程的 CSS 参考手册在所有主流浏览器中测试通过. CSS 属性 CSS 属性组: 动画 背景 边框和轮廓 框 颜色 内容页的媒体属性 尺寸 盒子模型(新) 盒子模型(旧) 字体 内容生...
2018
01-09
响应式 Web 设计 - 框架 本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开...
2018
01-09
响应式 Web 设计 - 视频(Video) 使用 width 属性 如果 width 属性设置为 100%,视频播放器会根据屏幕大小自动调整比例: 实例 video { nbsp;nbsp;nbsp; width: 100%;nbsp;nbsp;nbsp; height: auto; } 尝试一下 >>...
2018
01-09
响应式 Web 设计 - 图片 [mystyle] .bg1 { width: 100%; height:400px; background-image:url(/wp-content/uploads/2015/06/img_flowers.jpg); background-repeat:no-repeat; background-size:contain; .....
2018
01-09
响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 实例 如果浏览器窗口小于 500px, 背景将变为浅...
2018
01-09
响应式 Web 设计 - 网格视图 什么是网格视图? 很多网页都是基于网格设计的,这说明网页是按列来布局的。 使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。 响...
2018
01-09
响应式 Web 设计 - Viewport 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做“视区”。 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟...
2018
01-09
CSS3 用户界面 CSS3 用户界面 在 CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸,框尺寸和外边框。 在本章中,您将了解以下的用户界面属性: resize box-sizing outline-offset 浏览器支持...
2018
01-09
CSS3 多列 CSS3 可以将文本内容设计成像报纸一样的多列布局,如下实例: .newspaper { border:1px black solid; padding: 15px; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column...
2018
01-09
[mystyle] #animated_div { width:76px; height:47px; background:#92B901; color:#ffffff; position:relative; font-weight:bold; font-size:20px; padding:10px; animation:animated_div 5s 1; -moz-animation:animated_div 5s 1; -w.....
2018
01-09
.animated_div { width:60px; height:40px; background:#92B901; color:#ffffff; position:absolute; font-weight:bold; font-size:15px; padding:10px; float:left; margin:5px; -webkit-transition:-webkit-transform 1s,opacity 1s,ba.....
2018
01-09
[mystyle] #rotate2D,#rotate3D { width: 80px; height: 70px; color: white; position:relative; font-weight:bold; font-size:15px; padding:10px; float:left; margin-right:50px; border-r.....
2018
01-09
CSS3 2D 转换 CSS3 转换 CSS3转换,我们可以移动,比例化,反过来,旋转,和拉伸元素。 它是如何工作? 变换的效果,让某个元素改变形状,大小和位置。 您可以转换您使用2D或3D元素。...
2018
01-09
CSS3 字体 CSS3 @font-face 规则 以前CSS3的版本,网页设计师不得不使用用户计算机上已经安装的字体。 使用CSS3,网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时...
2018
01-09
#textshadow { text-shadow: 5px 5px 5px #FF0000; font-size:30px; } #wordwrap { width:11em; border:1px solid #000000; word-wrap:break-word; } #normal { width:11em; border:1px solid #000000; .....
1 2 3 4
服务热线
<友情连结> 乐天堂线上娱乐/ 千赢娱乐在线,/ 亚洲城平台/