大洋芋A - 博客园

HTML移动端开发案例

摘要：一、视口缩小屏幕宽度刷新页面打开手机 sina.cn 查看源代码找到如<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user 阅读全文

posted @ 2016-09-27 20:08 大洋芋A 阅读(356) 评论(0) 推荐(0) 编辑

javascript之DOM操作

摘要：一、document.getElementById() 根据Id获取元素节点二、document.getElementsByName() 根据name获取元素节点三、document.getElementsByTagName() 根据HTML标签名获取元素节点，注意getElements***的阅读全文

posted @ 2016-09-11 17:44 大洋芋A 阅读(239) 评论(0) 推荐(0) 编辑

CSS filter属性

摘要： CSS filter属性一，使用范围； Filter属性主要是运用在图片上，实现一些特效。二，常用属性（默认值是none）； A，grayscale灰度： 1，使用这个特效，会把图片变成灰色的，也就是说你的图片将只有两种颜色“黑色”和“白色； 2，默认值：100％，如果你在grayscale() 阅读全文

posted @ 2016-07-13 17:50 大洋芋A 阅读(271) 评论(0) 推荐(0) 编辑

css过渡的使用

摘要：过渡一，什么是过渡（transition）？ 1，transition 允许 CSS 元素的属性值在一定的时间区间内平滑地过渡。 2，可以在不使用 Flash 动画或 JavaScript 的情况下，在元素从一种样式变换为另一种样式时为元素添加效果。这种效果可以在鼠标单击、获得焦点、被点击或对元素任阅读全文

posted @ 2016-07-13 14:09 大洋芋A 阅读(277) 评论(1) 推荐(0) 编辑

关于2D、3D的转换

摘要：一、转换 1、转换的定义： 1，可以改变元素的形状，位置，尺寸。 2，转换分两种： 2D转换：元素只能在X轴和 Y轴平面上发生变化。改变形状、尺寸和位置。例子：平移（move），倾斜（skew），旋转（rotate）缩放（scale） 3D转换：空间转换 3、转换的属性： 1>，transform 阅读全文

posted @ 2016-07-12 19:59 大洋芋A 阅读(602) 评论(0) 推荐(0) 编辑

3D立体旋转

摘要： <!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> body{ perspective: 1000px; } .one{ position: relative; widt 阅读全文

posted @ 2016-07-12 14:47 大洋芋A 阅读(166) 评论(1) 推荐(0) 编辑

css的规范命名

摘要：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 阅读全文

posted @ 2016-07-11 19:59 大洋芋A 阅读(139) 评论(0) 推荐(0) 编辑

导航

公告