1. display:list-item
设置为该属性值的盒子，本质上仍然是一个块盒，但同时该盒子会附带另一个盒子，即同时生成两个盒子
元素本身生成的盒子叫做主盒子，附带的盒子称为次盒子，次盒子和猪盒子水平排列
PS:这个属性值相当于Ul>li中的li
涉及的CSS:
1) list-style-type:设置次盒子中内容的类型
2） list-style-position:设置次盒子相对于主盒子的位置
3） list-style-image:设置图片
4）清空次盒子：list-style:none
2. 图片失效时的宽高问题
如果img元素的图片链接失效，img元素的特性和普通行盒一样，无法设置行高；如果想要图片的宽高有效，就将图片设置为块盒或行块盒
3.行盒中包含行块盒或可替换元素
行盒的高度与它内部的行块盒或可替换元素的高度无关
4.text-align:justify 除最后一行外，分散对齐
如果想要最后一行也分散对齐的话，可以创建一个虚拟的最后一行，即在其包含块上添加
::after{
content:''；display:block；width:100%；
}
5.制作三角形
<style>
div.triangle{
width:0;height:0;border-width:10px;border-style:solid;
// 这里想要保留哪个位置的三角，就将其他三处更改为transparent即可
border-color: red blue green yellow;
}
</style>
<body>
<div class="triangle"></div>
</body>
283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
