2019年1月31日
摘要：
margin塌陷 解决方法： 1、给父级顶加上一条线，不太合适。 2、bfc block format context 设定bfc后，特定的盒子会遵循另一套语法规则，解决了margin塌陷 触发bfc元素 1）position:absolute; 2）display:inline-block; 3） 阅读全文
摘要：
HTML代码 <body> <div class="right"></div> <div class="left"></div> </body> CSS代码 *{ margin:0; padding:0; } .right{ position:absolute; right:0; width:100 阅读全文
摘要：
一、position定位参数，配合参数left、right、top、bottom position:absolute; //定位，脱离原来位置，进行定位 HTML代码 <body> <div></div> </body> CSS代码 div{ position:absolute; //定位，脱离原来 阅读全文
摘要：
任何一个元素都是一个盒子 一、盒子的组成部分（盒子三大部分） 1.盒子壁 border 2.内边距 padding 3.盒子内容 width + height 二、盒子模型 margin + border + padding + (content = width + height) margin 外 阅读全文
摘要：
HTML代码 <body> <ul> <li>1</li> <li>2</li> </ul> </body> CSS代码 em{ font-style:normal; //将em标签原有功能去掉 color:#c00; //设置新的功能，颜色为红色（百度搜索关键字，这么设置） } ul{ list- 阅读全文
摘要：
1.行级元素/内联元素 inline 特点： 1）内容决定元素所占位置（所占大小），不独占一行 2）元素之间存在默认大小的间隙 3）不可以通过CSS改变宽高 span strong em a del 2.块级元素 block 特点： 1）独占一行 2）可以通过CSS改变宽高 div p ul li 阅读全文
摘要：
HTML代码 <body> <a href="www.baidu.com">www.baidu.com</a> </body> CSS代码 a:hover{ background-color:orange; border-radius;10px; //边框圆角展示 } hover: 当鼠标移入CSS 阅读全文
摘要：
HTML代码一 <body> <div>这是一个很黑很黑的夜晚，黑云密布，没有任何光亮透过。卖火柴的小姑娘。。。。。。。</div> </body> CSS代码 div{ border:1px solid black; //长宽由div内的文字撑开 height:200px; text-align: 阅读全文
摘要：
HTML代码 <body> <div>举个例子</div> </body> CSS代码： div{ font-size:12px; //字体大小，默认是16像素，互联网一般12或者14像素，（游览器字体都是设置字体的高） font-weight:bold; //加粗，等价于HTML标签strong， 阅读全文
