web前端面试题----＞HTML、CSS

一.居中方法

block元素如何居中

1. margin：0 auto；
2. position: absolute;       top: 50%;      left: 50%;        transform: translate(-50%, -50%);
3. flex布局：

对父元素操作  ：     justify-content:center;                   align-items:center;

grid布局：

对父元素操作：place-items：center

inline元素如何居中

text-align:enter;

样式权重：

!important>行内样式>内部样式（id>class（类选择器）>标签选择器的样式）>外部样式

CSS定位属性包括以下几种：

1.静态定位 (position: static)：这是元素的默认定位方式，元素会按照标准流在页面中显示，不能进行方位上的移动。

2.相对定位 (position: relative)：元素相对于自己原来的位置进行移动，原来的位置依旧占有，也就是没有脱离标准流。

3.绝对定位 (position: absolute)：元素相对于非静态定位的父元素进行定位，不占原来的位置（脱离标准流）。如果父元素没有定位就寻找祖父元素；如果祖父元素都没有定位，那就相对浏