- 博客(7)
- 收藏
- 关注
RSS订阅原创 纯css样式制作qq企鹅
html代码部分：全部采用div制作<body> <div id="tou"></div> <div id="w"></div> <div id="tou_eye_left"></div> <div id="tou_eye_right"></div> <div id="eye_left_in"></div> <div id="eye_right_in"
2016-12-07 19:39:40
487
原创 旋转的风车—利用css3新属性
效果图： HTML代码部分：<div id="wrap">//设置一个大容器包裹风车的4片叶子 <div id="red"></div> <div id="yellow"></div> <div id="pink"></div> <div id="cyna"></div></div><div id="limb"></d
2016-11-23 21:33:05
2124
原创 移动端中的touch事件
在pc端的事件中，我们常用mousemove、mousedown、mouseup表示鼠标移动、鼠标点下、鼠标松开事件。但是在移动端中这些事件是没办法操作的。那么，移动端处理上面相应事件的操作就需要借助我们接下来要讲的。 首先，来介绍下移动端事件与PC端事件的差异： 1、pc端的mousemove、mouseup、mousedown等事件在移动端会失效 2、p
2016-11-21 21:32:31
534
原创 页面中的那些字体单位
前言：在搭建页面的过程中肯定要用到单位，而单位又有px、em、rem这三种。将下来就要和大家谈谈这些字体单位的区别。 1、px（像素）是我们在应用中比较常用的，它是相对于显示器屏幕分辨率而言。设置的值是固定的。 但是不论我们使用什么单位设置字体大小最终显示在页面上的字体大小还是用px进行展示的。 2、em：相对于该对象父标签在页面上的字体尺寸，如果没有父标签就是相对于浏览器默认的字体尺寸（16
2016-11-19 21:30:35
747
原创 纯css样式制作qq企鹅
效果图如上HTML代码如下： 全部采用div进行布局CSS样式代码如下：总的思路：设置border-radius、position位置、z-index让每个元素在合理的位置出现。12
2016-11-19 16:45:43
735
原创 二级菜单及手风琴菜单
效果图如上HTML代码如下： 个人认为最合理的布局方式：使用ul布局。每个li中再嵌套一个ul表示二级菜单CSS样式代码如下：在设置一级菜单hover效果时，一定要记得是要选择一级菜单中的li标签，如果是选择a标签的话，那么二级菜单虽然可以出现但是却不能点击。二、手风琴菜单：
2016-11-19 16:03:51
1397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人