web前端学习

1.html与css的含义与区别 什么是html？

HTML，即超文本标记语言，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

什么是css？

CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

HTML与CSS之间的区别

1、性质不同

HTML是描述网页内容和结构的基本标记语言。而，CSS是HTML的扩展，它修改了网页的设计和显示。

HTML是网页的结构，CSS是网页的样式。例如如果把整个网页比喻成一个人，那么HTML就是骨头，CSS就是衣服。

2、语法不同

HTML由围绕内容的标签组成。而CSS由一个声明块继承的选择器组成。

html语法

HTML标签 从根本上讲是关键字（标签名），用尖括号括起来，通常成对出现。内容

HTML 元素描述了网页上的特定部分。

内容是网页上显示的文本，链接，图像或其他信息。

开始标记（<）是一个HTML元素，用于指示元素的开始。

结束标记（>）用于关闭HTML元素以区分各个元素。

css语法

CSS声明位于大括号内，并且每个声明均由两部分组成：属性及其值，用冒号分隔。我们可以在一个声明中定义多个属性，每个属性之间用分号分隔。

选择器：指示要设置样式的HTML元素。

声明：包括用冒号分隔的财产和价值。此外，包围所有声明的花括号被称为声明 块。

属性：表示要更改的元素的各个方面。

值：指定要在所选属性中应用的设置。

3、注释的格式不同

HTML注释格式：

CSS注释格式：

/*注释内容*/

4、HTML文件可以包含CSS代码，而CSS样式表绝对不能包含HTML代码。

即CSS可以在HTML文件中使用，但HTML不能在CSS样式表中使用。

2.VSCODE编辑器的使用

插件的安装：中文语言包 、open in browser （右击快速在浏览器中快速打开）

自动换行：设置：文件-->首选项-->设置（是否换行word wrap）

一些快捷键：crtl+s: 保存 crtl+a: 全选 crtl+x ：剪切 crtl+c crtl+v：复制 粘贴

crtl+z crtl +y ：撤销 前进 shift +end ：从头选中一行 shift+home ：从 尾部选中一行

shift +alt +↓ ：快速复制一行 alt+↑或↓：快速移动一行 tab：向前缩进 tab+shift ：向前缩进

alt +左键：多光标 crtl+d：选择相同元素的下一个

五大浏览器分别是IE、火狐（Firegox）、谷歌（Chrome）、Safari和Opera 3.了解网站开发

UI设计师：界面的设计

web前端开发工程师（h5开发）：将UI设计师的设计转化为代码

将数据库里的数据显示到页面

html（结构）+css（样式）

web后端开发工程师：将产生的数据保存下来

javascript ，与HTML CSS之间的关系

HTML-----超文本标记语言，HTML是一门描述性语言。

CSS----层叠样式表，是用来控制网页外观的一种技术。

JavaScript----是一种嵌入到HTML页面中的语言，由浏览器一边解释一边执行。

理解：制作网页比作盖房子。

HTML就相当于钢筋水泥做出来的结构。

CSS比作粉刷、贴瓷砖等装修。

JavaScript就好比给房子通电，你按一下灯泡的开关，灯就亮了。

4.web前端的三大核心技术

HTML：结构

CSS：样式

JAVAScript：行为

第一个实例：

css :网页的样式设计

html:网页的结构

 
    html+css 实例
  

  javascript ;行为