html5+css3知识点和面试题.docx

单线程？A：JavaScript 在浏览器环境中是单线程的，但通过 Web Worker API 可以实现一定程度的多线程处理。主线程负责执行用户界面的交互和脚本，而 Web Worker 在后台运行，不阻塞UI。 CSS3是CSS（层叠样式表）的最新版本，引入了许多新的特性和功能，极大地丰富了网页设计和开发。以下是对标题和描述中提到的一些关键知识点的详细解释： 1. **CSS3前缀**：为了支持不同浏览器之间的兼容性，CSS3的某些特性需要添加特定的厂商前缀，如`-webkit-`（用于Chrome和Safari）、`-moz-`（Firefox）、`-ms-`（Internet Explorer）和`-o-`（Opera）。 2. **文本属性**：`text-shadow`用于为文字添加阴影效果；`text-stroke`用于给文字描边；`text-overflow`处理文字溢出时的表现，如显示省略号；`@font-face`允许开发者嵌入自定义字体；`direction`属性用于设定文字的排列方向，如从左到右或从右到左。 3. **颜色处理**：`opacity`调整元素的透明度；`rgba`提供了带有透明度的颜色值；`linear-gradient`和`radial-gradient`分别用于创建线性和径向渐变效果。 4. **边框属性**：`border-radius`用于创建圆角边框；`border-colors`允许为一个边框设置多种颜色；`border-image`将图像用作边框；`border-shadow`为边框添加阴影。 5. **背景属性**：`background-size`控制背景图片的尺寸；`background-origin`定义背景图片的位置相对于元素的哪一部分；`background-clip`决定背景颜色或图片的绘制区域；多背景设置允许在一个元素上叠加多个背景。 6. **变形（transform）**：`translate`在二维空间内移动元素；`scale`改变元素的大小；`rotate`旋转元素；`skew`对元素进行斜切。 7. **过渡（transition）**：`transition-property`指定过渡效果应用于哪个CSS属性；`transition-duration`设置过渡的持续时间；`transition-delay`定义过渡开始之前的延迟时间；`transition-timing-function`控制过渡的速度曲线。 8. **动画（animation）**：`animation-name`指定要应用的动画名称；`animation-duration`设置动画的总时长；`animation-delay`设置动画开始前的延迟；`animation-timing-function`控制动画速度曲线；`animation-iteration-count`定义动画播放次数；`animation-direction`设定是否反向播放动画；`animation-play-state`控制动画的暂停和播放；`animation-fill-mode`决定动画结束后元素的状态。 9. **3D变换**：`perspective`设置3D元素的视距，影响立体感；`perspective-origin`设置3D变换的原点；`transform3D`包含旋转（rotateX/Y/Z）和位移（translateZ/scaleZ）等3D转换。 10. **CSS3事件**：`transitionend`在CSS3过渡结束时触发；`animationstart`、`animationend`和`animationiteration`分别在动画开始、结束和每次循环时触发。 11. **分栏布局**：`column-count`定义列数；`column-width`设置每列的宽度；`column-gap`设置列之间的间距；`column-rule`定义列间的边框；`column-span`让元素跨越多列。 12. **弹性盒模型（Flexbox）**：`display: flex`开启弹性布局；`flex-direction`设定主轴方向；`justify-content`调整主轴上的对齐方式；`align-items`控制侧轴对齐；`flex-wrap`决定是否换行；`align-content`设置行之间的对齐；子元素可以使用`order`、`align-self`和`flex`等属性进行微调。 13. **媒体查询**：`@media`规则允许基于设备的特性（如屏幕尺寸、分辨率）来应用不同的CSS样式，实现响应式设计。 面试题涉及了CSS3的实战应用，如居中布局、三列布局、图形渲染选择、实时通信技术和JavaScript线程理解。这些都是前端开发者必备的知识点，理解和掌握它们能提升开发效率和代码质量。在实际项目中，这些CSS3特性可以用于创建更美观、交互性更强的网页，同时，了解和熟练运用它们也是面试中展现技术能力的关键。