这是我参与「第五届青训营 」笔记创作活动的第6天
一、重点内容介绍:
1、HTML
2、CSS
3、JavaScript
4、小结
二、详细知识点:
1、HTML
HTML提供了5种空格
- 它们拥有不同的宽度。
- 非断行空格(
)是常规空格的宽度,可运行于所有主流浏览器。 - 其他几种空格(
      ‌‍)在不同浏览器中宽度各异。
meta标签
- 是HTML标记head区的一个关键标签
- 它提供的信息虽然用户不可见,但却是文档的最基本的元信息。
- meta除了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。
布局标签
- header表示网页的页眉
- main表示网页的主体部分(一个页面中只会有一个 main)
- footer表示网页的页脚
- nav表示网页中的导航
- aside 表示网页中的侧边栏
- div 元素,没有任何的语义,就用来表示一个区块。
- span 行内元素,没有任何的语义。
外部地址
- link标签
- a标签的href="xxx.com"
2、CSS
CSS选择器的优先级顺序:
- 1、! important;
- 2、行内样式;
- 3、ID选择器;
- 4、类选择器;
- 5、标签选择器;
- 6、通配符选择器;
- 7、浏览器的自定义属性和继承。
css引入方式:
- 内嵌样式表(内部样式表):把css放在html的内部
这样虽然代码结构清晰但是,但是没有做到css与html分离,不易修改。 - 行内样式表:
这样更方便修改小的样式,同时因为行内的优先级是非常高的,所以适合细小的地方自定义样式,其他地方不会受到影响。 - 外部样式表
单独写一个css样式文件,是最常用的css引入方式,适用于css样式代码多的时候。
3、JavaScript
JavaScript是世界上最流行的脚本语言
前端的框架非常多,各种全新技术栈满天飞,但是他们的核心都是JavaScript
JavaScript是一种运行在浏览器中的解释型的编程语言
相当于浏览器就是他的编译器。
Node.js是一套JavaScript 运行环境,用来支持 JavaScript 代码在服务端(而不是浏览器)的执行。
我们平时学习JavaScript,一般使用node的环境。
小结
今天是没有课的一天,我复习巩固了之前几节课学习的内容。
去其他平台重新学习复习了一遍这些知识,互相印证进行巩固。
通过今天的我学习,我感觉自己更加扎实的掌握了前端三件套,即HTML,CSS和JavaScript的配合与应用。
能够更好的使用他们了。