前端三件套总结 | 青训营笔记

100 阅读2分钟

青训营笔记.png

这是我参与「第五届青训营 」笔记创作活动的第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的配合与应用。 能够更好的使用他们了。