# HTML
HyperText Marking Language
数据呈现、标签（元素、节点、DOM对象）固定、所有标签都是可选的
eXtensible Marking Language
数据结构（配置文件），标签不固定（全部都是自定义的），标签都要有开和关，只能有一个根元素，有约束条件来确定那些元素和顺序
## 开发工具
Visual Studio Code
IDEA、WebStorm
## 浏览器
Netscape JavaScript Mozilla Firefox
Internet Explorer
Apple Webkit Safari
Blink Chromium Chrome Edge
## CSS
Cascade Style Sheet 层叠样式表
### 内嵌样式
直接用html元素的style属性
```html
1 <img src="xxx" alt="" style="width:100px; font-family: Simsun">
```
### 内部样式
使用<style>元素
元素选择器
类选择器
id选择器
```html
1 <head>
2 <meta charset="UTF-8">
3 <meta name="viewport" content="width=device-width, initial-scale=1">
4 <title>登录</title>
5 <style>
6 a{
7 text-decoration:none;
8 color:blue;
9 }
10 #myLink{
11 background-color:red;
12 }
13 .btn{
14 display:block;
15 color: #112233;
16 }
17 </style>
18 </head>
19 <body>
20 <a href="#">哈哈</a>
21 <a href="#" id="myLink">哈哈</a>
22 <a href="#" class="btn">哈哈</a>
23 <button class="btn">haha</button>
24 </body>
```
### 外部样式
使用link元素引入
```html
1 <head> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <title>登录</title> 5 <link type="text/css" rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css"> 6 <script src="plugin/bootstrap/js/bootstrap.min.js"></script> 7 </head>
``` 标签：##,标签,元素,0718,html,选择器,### From： https://www.cnblogs.com/Chengjuice/p/18310398