html5+css3
liuguichenglove
这个作者很懒,什么都没留下…
展开
-
html5 -为移动设备添加 viewport
为移动设备添加 viewport <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。i...原创 2016-07-19 11:48:55 · 213 阅读 · 0 评论 -
css3 之 @font-face 使用
@font-face 使用 语法: @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight&...原创 2016-07-19 11:49:29 · 77 阅读 · 0 评论 -
css3 之 修改input 输入框的placeholder 默认样式
/* 通用 */::-webkit-input-placeholder { color:#999999; text-align: center;font-size: 15px;font-weight: bold; }::-moz-placeholder { color:#f00; } /* firefox 19+ */:-ms-input-placeholder { color:#f...原创 2016-07-19 11:51:23 · 1301 阅读 · 0 评论 -
css3 之 一行分列自适应
一行分列并自适应有很多方法,此次使用方法为css3的:flex-flow 属性,方法如下: display: flex;flex-flow: row; flex-flow取值有:nowrapwrapwrap-reverseinitialinherit默认值是 "nowrap" 案例:.container { margin: 0;...原创 2016-07-19 12:00:52 · 974 阅读 · 0 评论 -
html5 插件之 banner 滚动插件
swipeslider支持移动端和桌面设备的轻量级幻灯片插件swipeslider幻灯片插件的github地址为:https://github.com/AlexEmashev/swipeslider 支持图片和其它HTML内容,支持幻灯片内容无限循环播放。它的特点还有:支持桌面设备设备事件和移动设备的swipe事件。支持前后导航按钮。支持分页导航按钮。可以...原创 2016-07-19 12:01:42 · 1032 阅读 · 0 评论 -
html5 -Audio(音频播放) 使用
官方说明:http://www.w3school.com.cn/html5/html5_audio.asp <audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop"> <!-- <source src="你要播放的音乐.ogg" type=&quo原创 2016-08-08 16:31:37 · 221 阅读 · 0 评论 -
css3之 瀑布流
瀑布流有很多种实现方式,本次使用css3的 column-count 方式来实现。 官方说明:http://www.w3school.com.cn/cssref/pr_column-count.asp 本次具体案例: 部分css:.contentimg { width: 100%; margin: 5px auto; -webkit-colum...原创 2016-08-08 16:31:53 · 104 阅读 · 0 评论