- 博客(11)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 rem和em和px
默认字体16px；px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。EM特点em的值并不是固定的；em会继承父级元素的字体大小。rem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，仍然是相对大...
2018-12-24 10:04:15
2004
转载 前端界面开发大小单位 px rem em
前端界面开发表示大小的单位有 px、rem、em。这三种有什么区别呢？px指像素值，固定大小，较好理解。rem、em的区别呢？em是针对body中的font-size的倍数，rem是针对html的倍数。1、emem是针对body中font-size的倍数，font-size默认是24px例：body{font-size:62.5%;}则：1em=10px2、remrem是针对html...
2018-12-21 13:11:48
1177
转载 移动端前端界面开发学习
CSS：1、总：body{margin: 0;font-family: Arial,“Mircoscft YaHei”;color: #666;position:relative;}.page{height: 100%;width: 100%;position: absolute;left:0;top:0;overflow: hidden;}2、获取到class=page的第1个，然后给其...
2018-12-21 13:10:11
1253
原创 bootstrap
一、获取bootstrap文件英文官网：http://getbootstrap.com/中文官网：http://www.bootcss.com/二、创造基础文件1.IE8开启标准渲染模式2.配置视窗备注：initial-scale - 初始的缩放比例user-scalable - 用户是否可以手动缩放3.引入bootstrap CSS样式文件和js文件4.引入jQuery...
2018-12-21 13:08:14
146
原创 wow.js中各种特效对应的类名
一、首先说明一下怎么使用这个插件：1、wow.js依赖于animate.css，首先在头部引用animate.css或者animate.min.css。<link rel="stylesheet" type="text/css" href="css/animate.min.css">2、在最底部引用wow.js或者wow.min.js，然后再下面再写一行javascript代码...
2018-12-20 14:28:15
244
原创 bootstrap响应式自己要注意的地方
先写上cnd加速得到的 &amp;lt;script src=&quot;https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;https://cdn.staticfile.org/tw
2018-12-19 16:50:19
587
原创 小程序数据处理与页面跳转
一、获取各种值设置data值：xx.jsPage({ data: { text: "This is page data.", sliderOffset: 0, sliderLeft: 0, state:{ genre:[], genre_index: 0, model:[], model_...
2018-12-14 12:46:02
1180
转载 图解offsetWidth, clientWidth, scrollWidth, innerWidth, outerWidth, pageXOffset等
不同浏览器：**一、测试1：无滚动条时，dom对象的offsetWidth、clientWidth和scrollWidth（1）测试代码**<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><title>Javascript<
2018-12-06 14:49:36
424
转载 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
<!DOCTYPE HTML><html lang="zh-cn"><head><meta charset="utf-8" /><title>Javascript</title><style>body{margin:0;padding:0;background:#
2018-12-06 14:41:45
174
原创 js拖拽
实现拖拽效果主要跟鼠标的三个事件有关：onmousedown : 选择要拖拽的元素onmousemove : 移动元素onmouseup : 释放元素function drag(cla1,cla2,index){//鼠标可拖拽区域的dom，被拖拽的dom元素,索引 var disX = 0; //鼠标到dom元素左边距离 var disY = 0; //鼠标到do...
2018-12-06 14:37:21
120
原创 jq的.click().on('click'）
$（selector）.on('click',function(){ });支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素，如绑定body里的动态li元素：$('body).on('click','ul li',function(){});若直接绑定动态的li元素将不成功，效果与$(’’).click()相同。$(’’).click...
2018-12-04 08:41:18
5369
Sublime Text 3 中文优化版S1.5.2
2018-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人