这周复习了flex布局,学习了百分比布局,这些是一些小知识点
- br标签,表示强制换行,是一个单标签,只是单纯换行
<br />
-
为什么不能用通配符选择器来重置样式?
在标签少的情况下可以,但在标签多的情况下使用的话,会消费性能,也不是每个标签都需要padding和margin的 -
为什么要重置css样式表?
因为在每个浏览器中的默认css样式都不一样,为了让页面在所有不同浏览器中呈现一样的样式,所以要重置css样式 -
form标签的具体属性?
-
box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
inset属性相当于把原本外扩的阴影向内扩,会影响background-color
-
transform里面的scale会把阴影也放大,会影响效果
-
在使用定位让盒子在页面垂直居中,还可以通过transform里面的translate属性改变他自身的相对位置,通过设置相对于自身的百分比(不需要计算)。
-
为什么给img的父元素设置text-align就可以让img居中?
因为图片默认和文字基线对齐 -
为啥img元素在排列的时候会有空格?
因为凡是带有inline的元素,都有文字特性.所有换行的img元素之间会被浏览器解析为默认有一个空格,也就是文字分隔符.所以他会有空格,最简单的解决方式是把img元素放在一行 -
width:100%;和width:auto;的区别
width:auto;表示margin+padding+border+width和父元素的宽度一样
wdith:100%;表示width为父元素的宽度,如果再增加margin,padding,border这些,就会出现滚动条 -
使用属性选择器的优点是会少添加一个类名
-
background-size 属性一定要写在background属性下面,否则会不起作用
-
flex属性可以写百分比,百分比是相对于父元素的