关于CSS盒模型
盒模型分为两种,分别是IE盒模型和标准盒模型
一个盒子的组成部分包括width
,height
,border
,padding
,margin
:
width
:盒子内容的宽度height
:盒子内容的高度border
:盒子的边框padding
:盒子内边距margin
:盒子外边距
标准盒模型
一个标准的W3C盒模型的宽度width
表示的是内容的宽度,高度height
表示的是内容的高度,具体如下
盒模型分为两种,分别是IE盒模型和标准盒模型
一个盒子的组成部分包括width
,height
,border
,padding
,margin
:
width
:盒子内容的宽度height
:盒子内容的高度border
:盒子的边框padding
:盒子内边距margin
:盒子外边距标准盒模型
一个标准的W3C盒模型的宽度width
表示的是内容的宽度,高度height
表示的是内容的高度,具体如下
script元素主要的属性
async
:可选,表示立即下载脚本(异步),但是不影响页面的其他操作,只对引入外部脚本文件有效defer
:可选,表示脚本延时到文档完全被解析和显示后再执行,相当于告诉浏览器立即下载,延时执行。只对引入的外部脚本文件有效src
:表示包含要要执行的外部文件注意
1.当有多个脚本设置了defer
属性的时候,脚本延时执行仍然按照脚本引入的先后顺序执行
2.当有多个脚本设置了async
属性的时候,脚本的执行顺序不一定按照脚本引入的先后顺序执行
<script src = "XXX.js" defer = "defer" ></script>
<script src = "XXX.js" async ></script>
查看、添加、提交、删除、找回,重置修改文件
git help command
# 显示command的help
git show # 显示某次提交的内容 git show $id
git co --
git co . # 抛弃工作区修改
git add
git add . # 将所有修改过的工作文件提交暂存区
git rm
git rm
git reset
在网页上实现拖拽分三步:
1.当鼠标按下的时候,触发onmousedown
事件,计算出当前鼠标位置距离拖拽目标的左边和上边距离
2.鼠标移动的时候,触发onmousemove
事件,计算鼠标移动的距离,然后把距离赋值给拖拽目标,实现拖拽
3.鼠标抬起的时候,触发onmouseup
事件,注销onmousemove
和onmouseup
下面是实现的代码:
发现用jsFiddle运行不能拖拽...也是够了。。