摘要: input输入框的placeholder样式 1.设置字的边距和字体 2.input 实例 阅读全文
posted @ 2016-08-24 20:17 迷你胖candice 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 转自 http://www.cnblogs.com/myfjd/archive/2011/11/25/2263702.html 阅读全文
posted @ 2016-08-24 20:03 迷你胖candice 阅读(146) 评论(0) 推荐(0) 编辑
摘要: Javascript js-方法一(判断法) JS 方法二。先隐藏所有内容,再显示选中区域 jQuery 方法 阅读全文
posted @ 2016-08-04 20:09 迷你胖candice 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 1. 文字居中显示 水平居中: text-align: center; 垂直居中: line-height: (=height); 2.子元素相对于父元素的绝对布局。 父元素一定要 position: relative/absolute/fixed; 默认position 是static 阅读全文
posted @ 2016-08-04 18:29 迷你胖candice 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 上述图片的流式布局顺序为 左一,左二,右一,右二 第一步 1.将四个div放在picbox类的div 里。 左一左二div大小一致,共用left 类; 第二步 picbox 中使用-webkit-column-count 决定每行的数量, -webkit-column-gap 决定行元素的间距。 子 阅读全文
posted @ 2016-08-04 18:21 迷你胖candice 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 1.引入JQuery 2.独立使用JQuery文件 3. JQuery 语句 4. 选择器 5.事件 鼠标事件:click,mouseenter,mouseleave,dblclick 键盘事件:keydown,keypress,keyup,blur 表单事件:submit,change,focus 阅读全文
posted @ 2016-08-03 22:10 迷你胖candice 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 总的而言:div的实际长宽为图中实线区域,即border+padding+width/height. 1.整个div 所占的区域的宽为 17.369*2+362.250=380px; 高为12.096*2+33.484=45.58px 2. 由于图中蓝色区域的内容需要上下左右居中显示,所以设置内边距 阅读全文
posted @ 2016-08-03 17:33 迷你胖candice 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 1.当前打开的文件为menu.html, 需引用css 中的style.css 文件 2. menu.html 中需引用images中的menu1.png图片 3.css中的style.css 文件需引用images中的menu2.png图片 阅读全文
posted @ 2016-08-03 17:18 迷你胖candice 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 现创建如下布局,其中灰色div包含粉色和绿色两个div, 粉色和绿色层叠; 三个图标浮动排列。 1. div 代码 2. 让粉色和绿色div 层叠,使用绝对布局和z-index,。z-index数值大的叠在上面,box2 的z-index 大,则绿色叠上面. 绝对布局可以用top,left, rig 阅读全文
posted @ 2016-08-03 11:49 迷你胖candice 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 1. 需添加以下代码使尺寸适应于移动端 2. 将html,body 设置成100% 3. px 改成rem 移动端界面的长宽单位为rem, px需按一下方式转换成rem: 网页psd图片宽度需为640px; 其中某元素宽度为200px时,除以100则转换成2rem; 若网页图片宽度不为640px,如 阅读全文
posted @ 2016-08-03 10:50 迷你胖candice 阅读(115) 评论(0) 推荐(0) 编辑