大一下第二周-一些小知识点

这周复习了flex布局,学习了百分比布局,这些是一些小知识点

  1. br标签,表示强制换行,是一个单标签,只是单纯换行
<br />
  1. 为什么不能用通配符选择器来重置样式?
    在标签少的情况下可以,但在标签多的情况下使用的话,会消费性能,也不是每个标签都需要padding和margin的

  2. 为什么要重置css样式表?
    因为在每个浏览器中的默认css样式都不一样,为了让页面在所有不同浏览器中呈现一样的样式,所以要重置css样式

  3. form标签的具体属性?
    在这里插入图片描述

  4. box-shadow
    box-shadow: h-shadow v-shadow blur spread color inset;
    在这里插入图片描述

inset属性相当于把原本外扩的阴影向内扩,会影响background-color

  1. transform里面的scale会把阴影也放大,会影响效果

  2. 在使用定位让盒子在页面垂直居中,还可以通过transform里面的translate属性改变他自身的相对位置,通过设置相对于自身的百分比(不需要计算)。

  3. 为什么给img的父元素设置text-align就可以让img居中?
    因为图片默认和文字基线对齐

  4. 为啥img元素在排列的时候会有空格?
    因为凡是带有inline的元素,都有文字特性.所有换行的img元素之间会被浏览器解析为默认有一个空格,也就是文字分隔符.所以他会有空格,最简单的解决方式是把img元素放在一行

  5. width:100%;和width:auto;的区别
    width:auto;表示margin+padding+border+width和父元素的宽度一样
    wdith:100%;表示width为父元素的宽度,如果再增加margin,padding,border这些,就会出现滚动条

  6. 使用属性选择器的优点是会少添加一个类名

  7. background-size 属性一定要写在background属性下面,否则会不起作用

  8. flex属性可以写百分比,百分比是相对于父元素的

猜你喜欢

转载自blog.csdn.net/weixin_50948265/article/details/114708024