css 经典面试题 |css3 3d样式写法

1. CSS 的三种引入方式有哪些？
<link>、<style> 和 @import。其中，<link> 是最常用的一种方式，它可以在 HTML 页面中使用。<style> 标签可以直接写在 HTML 内部，并且可以在同一页面内定义多个样式。@import 是 CSS 提供的一种方式，可以在一个 CSS 文件中引入另一个 CSS 文件。

2. 居中一个元素的方法有哪些？
有很多种方法可以居中一个元素，以下是其中的几种：
· text-align: center;（对内联元素有用）
· margin: auto;（对块级元素有用）
· position: absolute; left: 50%; transform: translate(-50%, 0);（适用于已知宽度的元素）

3. CSS 中的清除浮动是什么意思？
当元素的浮动会影响其他元素的布局时，大家需要通过一些方式来清除它们的浮动。其中比较常用的方式是使用 clear 属性，它可以取值 left、right、both 或 none，分别表示清除左浮动、右浮动、清除左右浮动、不清除浮动。

4. 如何实现响应式布局？
响应式布局可以让同一份代码在不同设备上都能呈现出不同的展示效果。其实现方法一般分为两种：媒体查询和弹性布局。其中媒体查询是通过查询不同设备的屏幕尺寸和分辨率来为网站添加不同的样式规则，而弹性布局则是通过使用百分比和 em 单位来定义布局。

5. CSS3 中的 transform 和 transition 是什么？
transform 是一种能够通过改变元素位置、大小、角度和倾斜度等属性，来实现一些动画效果的方式。常用的 transform 属性有 translate（位移）、scale（缩放）、rotate（旋转）和 skew（倾斜）等。而 transition 是一种改变元素属性的动画方式，它可以让元素从一种属性状态切换到另一种属性状态，例如从无背景色变为有背景色。