css基础题目含解答共20道1. 什么是CSS？答案：CSS（层叠样式表）是一种用于描述文档样式（如字体、颜色、间距等）的样式表语言。
2. 解释一下CSS 盒模型。
答案：CSS 盒模型由内容区域、内边距、边框和外边距组成。
这些部分共同形成一个盒子，影响元素在页面上的布局和样式。
3. CSS 中的选择器有哪些？答案：常见的选择器有类选择器（.class）、ID选择器（#id）、元素选择器（element）、后代选择器（ancestor descendant）、子元素选择器（parent > child）、伪类选择器（:hover、:nth-child() 等）等。
4. 如何居中一个元素？答案：-水平居中：使用`margin: 0 auto;` 或`text-align: center;`。
-垂直居中：使用`display: flex; align-items: center;` 或`position: absolute; top: 50%; transform: translateY(-50%);`。
5. 什么是BFC（块级格式化上下文）？答案：BFC 是一个独立的渲染区域，规定了内部的块级盒子如何布局，并与外部毫不相干。
它可以解决一些布局问题，如清除浮动、防止边距折叠等。
6. CSS 中`em` 和`rem` 的区别是什么？答案：`em` 是相对于父元素的字体大小，而`rem` 是相对于根元素（html 元素）的字体大小。
7. 如何隐藏一个元素？答案：使用`display: none;` 或`visibility: hidden;` 来隐藏元素。
8. CSS 中的`position` 属性有哪些值，它们分别是什么意思？答案：常见的`position` 值有static、relative、absolute、fixed 和sticky。
它们分别表示元素的定位方式，例如static 表示静态定位，元素出现在正常的文档流中。
六、CSS⼊门CSS核⼼基础CSS样式规则选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}CSS代码结构中的特点CSS样式中的选择器严格区分⼤⼩写，属性和值不区分⼤⼩写，按照书写习惯⼀般将“选择器、属性和值”都采⽤⼩写的⽅式。
多个属性之间必须⽤英⽂状态下的分号隔开，最后⼀个属性后的分号可以省略，但是，为了便于增加新样式最好保留。
如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英⽂状态下的引号。
在编写CSS代码时，为了提⾼代码的可读性，通常会加上CSS注释。
在CSS代码中空格是不被解析的，花括号以及分号前后的空格可有可⽆。
属性和属性值之间不允许出现空格，否则浏览器会报错引⼊CSS样式表优先级：如果三种样式同时控制我们的内容：⾏内优先级最⾼外部样式，内部样式：谁离着内容近，谁优先级⾼1、⾏内式⾏内式也称为内联样式，是通过标记的style属性来设置元素的样式<标记名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标记名>style是标记的属性，实际上任何HTML标记都拥有style属性，⽤来设置⾏内式。
其中属性和值的书写规范与CSS样式规则相同，⾏内式只对其所在的标记及嵌套在其中的⼦标记起作⽤。
2、内嵌式内嵌式是将CSS代码集中写在HTML⽂档的<head>头部标记中，并且⽤<style>标记定义<style>标记定义，其基本语法格式如下：<head><style type="text/css">选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style></head><style>标记⼀般位于<head>标记中<title>标记之后，也可以把他放在HTML⽂档的任何地⽅。
