2016年8月12日

摘要: CSS3美化表单控件 2016-06-28 18:14 by 图书馆的牧羊人, 582 阅读, 9 评论, 收藏, 编辑 表单的默认控件在不同的浏览器中的样式不同,用户体验很差。用CSS3可以实现表单控件的美化,可以提供更好的用户体验。不足之处就是浏览器的兼容性问题。 一.下拉控件 效果图: 下拉控 阅读全文
posted @ 2016-08-12 22:48 小面团 阅读(2670) 评论(0) 推荐(0) 编辑
摘要: CSS3实现8种Loading效果【二】 今晚吃完饭回宿舍又捣鼓了另外几种Loading效果,老规矩,直接“上菜“…… 注:gif图片动画有些卡顿,非实际效果! 第一种效果: 代码如下: <div class="loading"> <span></span> <span></span> <span> 阅读全文
posted @ 2016-08-12 22:47 小面团 阅读(290) 评论(0) 推荐(0) 编辑
摘要: HTML5进阶段内联标签汇总(小篇) 内联元素,与别人公用一行,但是设置宽高无效。其特点: ①和其他元素都在一行上; ②高,行高及外边距和内边距不可改变; ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 代码如下: 1 <!doctype html> 2 <html 阅读全文
posted @ 2016-08-12 22:42 小面团 阅读(313) 评论(0) 推荐(0) 编辑
摘要: Html5元素及基本语法 HTML标签 开始标签(opening tag):开放标签 结束标签(closing tag):闭合标签 元素 定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始标签为起始以借宿标签终止) 元素的内容:元素的内容指的是开始标签与结束标签之间的内容 元素的特点: 阅读全文
posted @ 2016-08-12 22:39 小面团 阅读(201) 评论(0) 推荐(0) 编辑
摘要: HTML5中判断横屏竖屏 在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。 这里有两种方法: 一:CSS判断横屏竖屏 写在同一个CSS中 1 2 3 4 5 6 @media screen and (orientation: portrait) { / 阅读全文
posted @ 2016-08-12 22:38 小面团 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 用H5+Boostrap做简单的音乐播放器 前言:这个是综合一下我最近在学的东西做的小Demo,到实际使用还有距离,但是用来练手巩固知识点还是不错的,最近在二刷JS书和Boostrap.css的源码,做完这个Demo也算是暂告一段落,接下来是jQuery的源码和Boostrap.js的源码,任务很艰 阅读全文
posted @ 2016-08-12 22:36 小面团 阅读(263) 评论(0) 推荐(0) 编辑
摘要: html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <hea 阅读全文
posted @ 2016-08-12 22:34 小面团 阅读(154) 评论(0) 推荐(0) 编辑
摘要: css3制作旋转立方体相册 首先让我们来看一下最终效果图: 当鼠标放在图片上是介个样子滴: 是不是觉得很好看?那接下来就一起制作吧! 我个人觉得编程,首先是思路,然后是代码,一起分析一下这个效果的思路。 1.背景颜色,它属于一种渐变的背景色(当然这不是重点,可以根据自己的爱好进行设置); 2.我们可 阅读全文
posted @ 2016-08-12 22:32 小面团 阅读(1620) 评论(0) 推荐(0) 编辑

2016年7月22日

摘要: css3的媒体查询(Media Queries) 我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 先看一个简单的例子: <link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css 阅读全文
posted @ 2016-07-22 16:04 小面团 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 认识和理解css布局中的BFC BFC的定义 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 Block Formatting Context 的元素的特点 其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻 阅读全文
posted @ 2016-07-22 16:01 小面团 阅读(181) 评论(0) 推荐(0) 编辑

导航