02 2020 档案

em
摘要：em:参照自身的字体大小。 阅读全文

posted @ 2020-02-23 13:32 smileBB 阅读(106) 评论(0) 推荐(0)

视口
摘要：为了使pc端的网页可以在手机上查看，苹果公司提出了一个视口的概念。视口就是移动设备上用来显示网页的区域。一般会比移动设备可视区域大，宽度可能是980px或者1024. 也可以设置视口的大小等于移动设备的大小。 设置方法：meta:vp+tab键即可在sublite3中打印出来：<meta name= 阅读全文

posted @ 2020-02-19 22:55 smileBB 阅读(416) 评论(0) 推荐(0)

浮动
摘要：浮动的bug:如果父元素没有设置高度，浮动的子元素无法撑开父元素；如果给了高度则多高就是多高； 元素浮动的时候，如果父元素没有设置高度；子元素不能撑开父元素。 代码如下： <!DOCTYPE html><html><head> <title>清除浮动</title> <style type="tex 阅读全文

posted @ 2020-02-10 09:47 smileBB 阅读(142) 评论(0) 推荐(0)

overflow属性
摘要：溢出的概念： overflow属性： visible:默认值。内容不会被裁剪，会呈现在元素框之外。 hidden：内容会被裁剪，并且其余内容是不可见的，此属性可以清除浮动、清除margin-top塌陷的功能。 scroll:内容会被裁剪，但是浏览器会显示滚动条以便查看其余的内容 auto:如果内容被 阅读全文

posted @ 2020-02-09 10:31 smileBB 阅读(506) 评论(0) 推荐(0)

margin-top塌陷问题
摘要：margin-top塌陷是怎么回事呢？ 两个盒子嵌套的时候，内部盒子的margin-top会加到外面的盒子上面，导致盒子的margin-top塌陷。这是一个系统级别的bug. 解决的办法有： 1.给盒子加上一个边框，缺点是盒子会有一个边框影响美观 2.外部盒子设置overflow:hidden；缺点 阅读全文

posted @ 2020-02-09 10:09 smileBB 阅读(739) 评论(0) 推荐(0)