HTML5面试必备：理解CSS层叠与优先级，HTML结构与HTML5特性

需积分: 7 61 浏览量更新于2024-09-08 收藏 22KB DOCX 举报

面试小知识整理在IT前端开发面试过程中，掌握一些基础知识至关重要。以下是可能会被提及的一些核心知识点： 1. HTML5与HTML的区别： - HTML5是HTML的第五个主要版本，引入了许多新特性，如语义化标签（如<header>、<footer>），离线存储（localStorage和sessionStorage），媒体元素（<video>和<audio>），以及更强大的表单控件。 - 旧版HTML（如HTML4）主要关注内容结构，而HTML5注重语义化和功能增强，兼容性和现代Web开发需求。 2. 常用软件技能： - 软件如Visual Studio Code、Sublime Text或Atom等文本编辑器，用于编写HTML、CSS和JavaScript代码。 - 版本控制工具Git，用于版本管理及团队协作。 3. JavaScript特点： - JavaScript是一种脚本语言，常用于网页交互和动态效果实现。 - 动态类型，解释执行，不需要编译。 - 原型链继承机制，支持函数式编程和原型模式。 - 异步编程模型（如回调、Promise和async/await）。 4. CSS基础知识： - 层叠样式表（CSS）负责网页的布局和外观。 - 子元素继承父元素样式，如颜色、字体等，但存在例外，如`<a>`标签和`<h>`标签的特定属性需单独设置。 - 层叠性体现在多个选择器设置同一属性时，后定义的会覆盖前定义的。 - 优先级规则，`!important`高于内联样式、ID选择器、类选择器等。 5. HTML结构与特性： - HTML文档由`<HTML>`, `<HEAD>`, 和 `<BODY>`标签构成，头部包含元数据（如标题和链接），主体是实际内容区域。 - HTML5具有八大特点：简易性（超集升级）、可扩展性（子类元素）、平台无关性、新增标签和功能支持等。在面试时，展示你对这些基础知识的理解和实践经验，例如现场演示如何使用CSS创建一个简单的360下载界面，以及使用JavaScript实现tab选项卡功能。准备一些实际项目或代码示例可以帮助面试官更好地评估你的技能水平。记住，理解并能解释CSS和HTML的深层工作原理，以及它们在构建现代Web应用中的角色，对于前端开发者来说是至关重要的。

面试时人家问我：html5 与 HTML 的区别，你会用什么软件，

JavaScript 的特点，上机写一个网页版的 360 下载界面（我是用 tab

来写选项卡功能）

CSS

CSS 的全称是 Cascading Style Sheets，层叠样式表，用于美化网页。

作用：子元素可以继承父元素的样式

text-，font-，line-这些元素开头的都可以继承，以及 color 属性

特殊性：

①. a 标签的颜色不能继承，必须对 a 标签本身进行设置

②. h 标签的字体大小不能修改，必须对 h 标签本身进行修改

2.层叠性

是浏览器处理冲突的一个能力

如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个

属性层叠掉

3.优先级

！important>行内样式>id 选择器>类选择器>标签选择器>通配符>继承

权重：

作用：多个选择器组合以后的优先级

算法：（0，0，0，0）==》第一个 0 是 important 的个数，第二个 0 是 id 选择器的个数，

第三个 0 对应的类选择器的个数，第四个 0 对应的是标签选择器的个数，就是当前选择器

的权重。

权重是优先级的算法，层叠是优先级的表现

选择器的工作原理：选择器是从右我往左查找

下载后可阅读完整内容，剩余7页未读，立即下载

qq_33599860

粉丝: 0
资源: 1

HTML5面试必备：理解CSS层叠与优先级，HTML结构与HTML5特性

知识星球JavaGuide面试大全

【互联网一线大厂面试+学习指南】 涵盖大部分Java程序员所需要的面试知识点和面试技巧，分享真实面试经历。.zip

2018 java 面试知识点

java面试基础知识

mysql面试知识点

kafka面试知识点

嵌入式面试基础知识准备

微信小程序面试八股文

epld相关面试知识

微机原理面试基础知识

最新资源

【互联网一线大厂面试+学习指南】涵盖大部分Java程序员所需要的面试知识点和面试技巧，分享真实面试经历。.zip