发表于： 2019-03-03 22:05:45
1 847
今天完成的事情：
完成了css任务八的第一个页面
明天计划的事情：
完成第二个页面与第三个页面
收获：
1 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器
二者均有margin=0 auto；
但是 .container-fluid的auto=0
.container的auto不一定等于0 （与设没设置宽度有关）
2对于span 行内元素 来说 它的盒子是由内容来撑大的 对它设置高度与宽度是不起作用的（所以如果不转为行内块 就做不了倒三角符号 它就只会是1条边框）那为什么不直接转为块级元素呢？因为块级元素会独占一行 这样符号与文字就不会同在一行了
当然上面，可以对span的父级p设置display: flex;子项span的倒三角符号也会出现，因为对父级元素设置了flex，那么子项就变成了弹性盒子了 ，span就不再是行内元素了
总结;对于行内元素来说,设置 display: inline-block就可以让行内元素 设置高度与宽度 并且 不会独占一行
对于块级元素来说，设置 display: inline-block就可以让块级元素 不会独占一行
3看了一下字节单位
B是一个电脑存储的基本单位(字节),1个英文字符是1个字节,也就是1B，1个汉字为2个字符，也就是2B。
然后再说 K ，数学学过吧， K 是千的意思， KB也就是1000字节，但计算机的运算和数学有所不同，是1024字节为 1KB，所以说 1024B=1KB
再说 M ，M 是兆的意思，运算也是类似 ， 以1024进一位， 也就是说1024KB=1MB
接着 G ，依此类推 ， 1024 MB = 1 GB
遇到的问题：
对span 标签的文字设置如下 为什么不能水平居中呢？
margin: 0 auto;
width: 35px;
margin: 0 auto;
width: 35px;
display: inline-block;
返回列表
评论