[学习笔记]html+css+js特性

最新推荐文章于 2025-03-09 19:35:06 发布

OAIM.

最新推荐文章于 2025-03-09 19:35:06 发布

阅读量545

点赞数 1

分类专栏：学习笔记文章标签： javascript html css

本文链接：https://blog.youkuaiyun.com/m0_64219374/article/details/126201601

版权

学习笔记专栏收录该内容

1 篇文章

订阅专栏

[学习笔记]html+css+js特性

html
css
js

html

1.语义特性

HTML5会赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa、微数据、微格式、等方面的支持，构建对程序、对用户更有价值的数据驱动Web。

好处：
① HTML5可以让很多更语义化结构化的代码标签代替大量的无意义的div标签
②这种语义化的特性提升了网页的质量和语义
③对搜索引擎更加的友好

<div></div>
/*被精简为*/ <head></head> /*等*/

2.本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这全得益于HTML5 APP Cache、本地存储功能、Indexed DB（HTML5本地存储最重要的技术之一）和API说明文档。

解决问题：
cookie存储的信息量不多且不能够大量存储。

好处：
提供了访问特定域名下的会话存储或本地存储的功能。

3.设备兼容特性

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者提供了更多功能上的优化选择，带来了更多体验功能。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可直接与浏览器内部的数据直接相连，譬如：视频影音可直接与microphones及摄像头相联。

好处：
使外部应用可以直接与浏览器内部的数据直接相连。

4.连接特性

更有效的连接效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能帮助我们实现服务器将数据“推送”到客户端的功能。

5.网页多媒体特性

支持网页端的Audio、Video等多媒体功能，与网站自带的APPS、摄像头、影音功能相得益彰。

6.三维、图形、特效特性

基于SVG、Canvas、WebGL、CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

7.性能、集成特性

没有用户会永远等待你的Loading——HTML5会通过XML Http Request 2等技术，解决以前的跨域问题，帮Web应用和网站在多样化的环境中更快速工作。

8.css3特性

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格、更强的效果。此外，较以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

1.层叠性

层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。

div{
    color:red;
}
div{
    color:blue;
}
/*后面的样式会覆盖前面的样式*/

注意：
①样式不冲突，不会层叠。
②样式冲突，遵循就近原则。长江后浪推前浪，后面样式盖前+

2.继承性

简单的理解为—“子承父业“，是指子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。

<style>
    div{color:pink;font-size:20px;}
</style>
<div>
    <span>
        我是什么颜色的？
    </span>
</div>

注意：
①合理使用继承可以简化代码，降低CSS样式的复杂性。对于字体、字号、颜色、行距等文本类属性具有继承性，都可以在body中统一设置，然后影响文档中所有文本。
②但是，并不是所有的CSS属性都可以继承，如边框、外边距、内边距、背景、定位、元素高度等与块级元素相关的属性都不具有继承性

3.优先级

注意：
①继承样式的权重为0 。也就是说，在嵌套结构中，无论父元素样式权重多大，子元素继承时，应用在子元素上的权重都为0，即子元素定义的样式会覆盖所有继承来的样式。
②行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。
③权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。
④CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具有最大优先级。

1.解释性语言。不需要提前预编译。
2.弱类型语言。在定义变量的时候不需要定义变量的类型。变量是松散类型，即可以用来保存任何类型的数据。
3.没有块作用域（if，for都是块），但有函数作用域。
4.重复定义变量并不会报错，定义的新变量的值会覆盖之前定义的值。函数也是一样。
5.相对安全的脚本语言（JavaScript语言不允许访问本地的硬盘，且不能将数据存入服务器，不允许对网络文档进行修改和删除。从而有效的防止数据的丢失或对系统非法访问。）
6.事件驱动的脚本语言。
7.跨平台的脚本语言（JavaScript依赖的是浏览器本身，与其操作环境无关，只要计算机能运行浏览器，并支持JavaScript的浏览器，就可以正确执行。）