千峰web前端入门html+css笔记（一）
目录
html和css
vs code 基本使用
HTML的基本结构和属性
标记
HTML初始代码
HTML的注释
html语义化
标题与段落
文本修饰标签
图片标签与图片属性
引入文件的地址路径
跳转链接
a -> 双标签
base ->单标签
跳转锚点
方法一(#+id)
方法二(#+name)
特殊符号
无序列表
有序列表
定义列表
嵌套列表
表格
标签
属性
表单
标签
input
其他标签
表单与表格结和
div和span
css基础语法
格式
单位
基本样式
css的注释
内联样式与内部样式（css的引入方式）
内联（行内、行间）样式
内部样式
外部样式及两种写法
link
@import（了解，存在很多问题，不使用）
区别，问题
css颜色表示法
单词表示法
十六进制表示法
rgb三原色表示法
透明
取色
背景样式
background-color背景颜色
background-image 背景图片
编辑 background-repeat 背景图的平铺方式
background-position 背景图片的位置
background-attachment 背景图随滚动条的移动方式
多个背景图
背景实现视觉差效果
css边框样式
border-style：边框的样式
border-width：边框的大小
border-color：边框的颜色
family字体类型
字体大小粗细样式
段落样式
text-decoration：文本装饰
text-transform：文本大小写（针对英文）
文本缩进与文本对齐
text-indent：文本缩进
text-align：文本对齐方式
文本的行高
文本间距与英文折行
css复合样式
id选择器及注意事项
ID选择器写法
注意事项
class选择器及注意事项
class选择器写法
注意事项
标签群组通配等选择器
标签选择器（TAG选择器）
群组选择器
通配选择器
层次选择器
后代：M N{}
父子：M>N{}
兄弟：M ~N
相邻：M+N{}
属性选择器
伪类选择器
M:伪类{}
注意
after等伪类选择器
结构伪类选择器
css样式继承
html和css
是一种网站编程语言
浏览器把代码解析即为所见的网页
一个网站是由N多个网页组成的
HTML：结构
CSS：样式
JavaScript：行为
vs code 基本使用
保存 CTRL+S 全选 CTRL+A 撤销 CTRL+Z 前进 CTRL+Y
文件->设置->搜word->word wrap->off 永不换行 on 自动换行
快速复制一行 shift+alt+↓
快速移动一行 alt+↑或↓
向后缩进 Tab
向前缩进 Tab+shift
多光标 Alt
选中相同内容 CTRL+D
HTML的基本结构和属性
HTML：超文本 标记 语言
超文本：文本+非文本
标记：也叫标签
<标签 属性=”属性值 ”>
标记
写法：单标签：
双标签：
快捷键：Tab+单词 -> <单词>
可以上下排列，也可以组合嵌套
HTML常见标签：http://www.html5star.com/manual/html5label-meaning/
标签的属性可以添加功能
eg.用title添加标题，鼠标移入会出现
HTML初始代码
每个HTML文件都有的代码，要符合HTML文件规范
快捷键：！+Tab（CTRL+shift+p 搜索“更改语言模式”该成相应语言）
html> //文档声明，告诉浏览器为一个HTML文件
//输入网址的那个部分
//显示网页内容的区域