0%

练习中的知识01

1.纯CSS实现圆角框:,我应用了一下,虽然border-radius就可以。发现一个问题,无论我怎么设置,都只有上下边框,但是通过了css验证和html验证,然后肉眼debug出来了,我把border:#000;写在后面覆盖了边框样式,简写属性省略的值取默认值,border-style默认值是none,所以我前面的样式失效了。
2.div {
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0
bottom: 0;
width: 100px;
height: 100px;
}
为什么能在浏览器中居中。这个问题昨天找了一天,没有可靠的解答,今天找到个解释,姑且放这,以后深入学习一下验证正确性:https://blog.csdn.net/Mr_lizi/article/details/83384468https://blog.csdn.net/qq_39148344/article/details/83018735 ,(Keyword:格式化高度和宽度,流动性)。个人试了一下,无论left,right,bottom,right取什么值,都可以达到目的,margin: auto; 在绝对定位元素的水平和垂直方向都起作用了,目前看来这一解释是可信的。
3.让一个HTML节点居中的各种实现方式一些思路:https://www.cnblogs.com/SallyShan/p/11480685.html 。里面有些错误,如inline-block。


update on january 12th, 2020
-------------本文结束感谢您的阅读-------------