摘要: 一、css隐藏页面盒子 overflow:hidden; 隐藏盒子超出的部分,溢出隐藏 position:absolute; /left/top...-999px; 将位置设到不可见区域,隐藏盒子,而且占位置。 opacity:0; 隐藏盒子 隐藏之后还占据原来的位置。 visibility:hid 阅读全文
posted @ 2017-03-04 12:38 IT小师妹 阅读(402) 评论(0) 推荐(0)
摘要: vertical-align对inline-block最敏感。默认属性是:vertical-align:baseline; 阅读全文
posted @ 2017-03-04 11:31 IT小师妹 阅读(252) 评论(0) 推荐(0)
摘要: 一、定位的盒子居中显示 ★:margin:0 auto; 只能让标准流的盒子居中对齐。 ★定位的盒子居中:先向右走父元素盒子的一半50%,再向左走子盒子的一半(margin-left:负值。) 二、设置盒子左外边距为auto,将盒子冲到右边 margin-left:auto; 阅读全文
posted @ 2017-03-04 11:26 IT小师妹 阅读(843) 评论(0) 推荐(0)
摘要: 定位方向: left | right | top | bottom ◆position:static; 静态定位。默认值,就是文档流。 ◆绝对定位 Position:absolute; 特点: ★元素使用绝对定位之后不占据原来的位置(脱标) ★元素使用绝对定位,位置是从浏览器出发。 ★嵌套的盒子,父 阅读全文
posted @ 2017-03-04 11:10 IT小师妹 阅读(223) 评论(0) 推荐(0)
摘要: 一、问题: 父盒子高度为0,子盒子不占位置,子盒子不会撑开父盒子。 (下面的标准流盒子,会跑到父盒子中的子盒子下面。) 二、解决方案 ◆清除浮动不是不用浮动,清除子盒子因为浮动,对父子造成的影响。 ◆清除浮动的方法 clear: left | right | both 工作里用的最多的是clear: 阅读全文
posted @ 2017-03-04 11:04 IT小师妹 阅读(166) 评论(0) 推荐(0)
摘要: 新建文件 ctrl+n 打开文件 ctrl+o 调出和隐藏标尺 ctrl+r 清除辅助线: 视图 辅助线 清除辅助线 放大镜 z 放大镜状态下alt+鼠标左键 缩小 抓手 快捷键 空格 测量距离 ★先拉出2根辅助线 ★切换到指针工具 ★将光标放到2根辅助线之间,按住shift键 阅读全文
posted @ 2017-03-04 10:34 IT小师妹 阅读(345) 评论(0) 推荐(0)
摘要: 一、盒子垂直方向外边距合并 垂直方向的2个盒子,一个设置上外边距,一个设置下外边距,取的设置较大的值。 二、嵌套的盒子外边距塌陷 嵌套的2个盒子,如果父盒子不设置border,给子盒子设置margin-top,会造成父盒子外边距塌陷(掉盒子) 解决方法: 1 给父盒子设置边框 2 给父盒子设置ove 阅读全文
posted @ 2017-03-04 10:30 IT小师妹 阅读(876) 评论(0) 推荐(0)