HTML+CSS基础自古强记留不住，唯有总结心中留。

自古强记留不住，唯有总结心中留。

1、找它，利用选择器，把对应的标签选出来
2、摆它，利用布局样式（标准流，浮动，定位等），把盒子摆在需要的位置
- 1、标准流：可以从上往下摆块级盒子
- 2、浮动：可以从左向右摆块级盒子
- 3、定位：可以让盒子摆在任意的位置
3、改它，利用外观样式（字体，文本，背景）修改盒子内容的显示效果

1、浏览器的分类和内核 | 浏览器名字 | 英文名 | 内核 | |------|------------|------------| | IE | edge | (Trident)--> blink | | 火狐 | firefox | gecko | | 谷歌 | chrome | blink | |苹果| safari| webkit| |欧朋| opera|(blink 早期 presto)|

提醒：浏览器的内核相当于汽车的发动机，最核心的村内在，它负责将代码转换成用户眼中的界面

2、web标准
- 1、HTML结构
- 2、表现（css）
- 3、行为（javascript）故事：web比作一条船，创建船的是时候，显示搭结构，然后给装饰（css），最后航行（javascript）

1、文档类型<!DOCTYPE Html>

作用：写在文档中的最前面的位置，处于<html>标签之前，声明文档类型，此标签告知浏览器文档使用哪种HTML或XHTML规范

2、页面语言lang <html lang="en">
- 1、en定义语言为英文
- 2、zh-CN定义语言为中文
3、字符集 <meta charset="UTF-8" />
- 1、utf-8 万国码，最常用的字符集编码方式
- 2、gb2312 简体中文，
- 3、BIG5 繁体中文字符港澳台等用
- 4、GBK 是GB2312的扩展，加入对繁体字的支持，并兼容gb2312
4、标签语义化
- 1、一个需求通过不同的标签来完成，在合适的地方使用合适的语义标签，增加强调作用，语义好的更受SEO的喜欢，在搜索引擎里面的排名会更靠前
- 2、SEO是什么？如何优化？

  SEO优化===>在输入关键字的时候，搜索引擎会罗列很多网页出来，而用户的习惯看前面几个，使用合理的语义标签，可以将网页在引擎中的排名更加靠前，带来更多的访问量。
  1、花钱买关键字，见效快，花钱多
  2、让页面更加规范，语义更加明确

5、标签使用情况和说明
- 1、h1~h6标题标签，h1可以包裹logo图片，每个内容块的标题从h2开始依次递减使用(SEO优化)
- 2、p标签和标题标签可以包含文本，图像超链接，文本格式化元素和表单控件，换行标签
- 3、文本格式化标签
  
  标签名推荐使用作用使用
  strong 是加粗文字强调
  b 否加粗
  em 是倾斜
  i 否倾斜包裹文字图片
  del 是删除线
  s 否删除线
  ins 是下划线
  u 否下划线
  
  总结：可以通过font-style:取消或者增加倾斜，删除线，下划线等，可以通过font-weight：取消或者增加加粗效果
- 4、图像标签 img
  
  属性名必要性作用
  src 是指图像文件位置
  alt 100 替换文本，图像不显示时显示
  title 1000 提示文本，鼠标悬停显示
- 5、超链接 a
  
  属性名必要性作用值
  href 是链接目标地址 #未完善的链接；
  javascript 什么也不做
  target 100 链接打开方式 _self 默认值 ;
  _target 打开新的窗口
  
  总结：
  1、下载链接：href指定的文件必须是浏览器默认不支持的类型，例如压缩包，exe等会下载
  2、锚点：给目标位置添加id，href通过#id跳到指定锚点
6、base标签<base target="_blank">
- 1、base 可以设置整理链接打开的状态
- 2、base 写到之间
- 3、把所有的链接都默认添加 target="_blank"

属性名	必要性	作用	值
href	是	链接目标地址	#未完善的链接； javascript 什么也不做
target	100	链接打开方式	_self 默认值 ; _target 打开新的窗口

7、特殊符号