摘要：在js中如果定义函数是先声明函数，如： console.log(hello); //然后再去定义： function hello(){ alert("Hello");} 这种是可以的（函数语句） 而：consloe.log(hi); var hi =function(){ alert('hi');} 阅读全文
DOM 绑定事件
2018-09-18 13:53 by 冻奶香甜玉米片, 147 阅读, 0 推荐, 收藏, 编辑
摘要：// 1.获取事件源 var oDiv = document.getElementById('box'); console.log(oDiv); //2.事件 （1）直接绑定匿名函数 oDiv.onclick = function(){ // 3.事件驱动 alert(1); 阅读全文
a标签美化
2018-09-11 13:43 by 冻奶香甜玉米片, 1309 阅读, 0 推荐, 收藏, 编辑
摘要：具体选中a标签给予宽高，这样才能在整个a标签范围内才能跳转 但是因为a标签是行内元素，所以要用display:blcok 转化为块状元素 且a标签不继承父元素的color 对a标签设置颜色，要选中a标签设置 给父盒子设置圆角:border-radius:3px（越大角弧度越大） 阅读全文
font 和 text ，cursor
2018-09-11 13:36 by 冻奶香甜玉米片, 273 阅读, 0 推荐, 收藏, 编辑
摘要：font:14px/30px/"宋体"这种写法等于 font-size="14px" line-heigiht="30px" font-family="宋体" font-weight 字体粗细，bold变粗，bolder更粗 (也可以设置数字 设置具体粗细，400等同于normal，而700等同于b 阅读全文
设了padding要减去盒高 和 line-height 行高
2018-09-11 13:27 by 冻奶香甜玉米片, 467 阅读, 0 推荐, 收藏, 编辑
摘要：增加了padding 一定要减去相应的高度，不然整个元素的高度会增高（原高+padding） line-height：行高 1.行高要比字体大，不然字体会挤到一块去 2.若父盒子没有设置高度，则行高会把父盒子撑开 3.若行高等于父盒子高度，在单行文本情况下，文字会垂直居中显示(text-align: 阅读全文
margin (子元素远离父元素边框)
2018-09-11 13:20 by 冻奶香甜玉米片, 634 阅读, 0 推荐, 收藏, 编辑
摘要：如果父盒子没有设置border框着，那么他的子元素无法利用margin-top 来远离父元素的上边框 如果使用了margin-top会使子元素和父元素一起往下移 （子想离，父不设置border边框 则离得是流 不是父盒子） 阅读全文
元素居中 文字水平居中
2018-09-11 13:18 by 冻奶香甜玉米片, 176 阅读, 0 推荐, 收藏, 编辑
摘要：元素居中必须设置宽度，不然就会自动适应父元素宽度，导致变成浏览器宽度 只有标准流才能用margin:0 auto 浮动使用无效 text-align:center 里面文字水平居中 阅读全文
塌陷
2018-09-11 13:11 by 冻奶香甜玉米片, 153 阅读, 0 推荐, 收藏, 编辑
摘要：塌陷 塌陷是指 上下两个块状元素 上设置了margin-bottom 下设置了margin-top 上面的外边距会塌陷到下面的外边距里(以长的为准) 但是浮动的盒子垂直方向不塌陷，只有标准流垂直才会塌陷 （ ） 阅读全文
浮动
2018-09-10 15:25 by 冻奶香甜玉米片, 174 阅读, 0 推荐, 收藏, 编辑
摘要：脱标：脱离了标准文档流 标准文档流内第一个元素脱标了，然后第二个元素就会顶上第一个元素的位置成为标准文档流的第一个元素 但是因为第一个元素浮起来了，所以会遮挡第二个元素 一旦元素脱标了，就可以随意设置宽高，无需转换 脱标后只会在自己的行内浮动，除了前面有脱标的，他就会往上移一行，如果全部脱标，全部都 阅读全文
行内元素 块状元素间转换
2018-09-10 14:29 by 冻奶香甜玉米片, 129 阅读, 0 推荐, 收藏, 编辑
摘要：display:inline 转为行内元素 display:blcok 转为快转元素 display:inline-block display是显示的意思 display:none是不显示，且不留其原占有位置 visibility:hidden 是隐藏，但是其原位置留为空白 阅读全文