以下是常用html+相关css全部汇总：
# 01html标签
```
html标签 是组成网页的骨架
区域划分作用：
h1 ~ h6 标题标签
h1权重最高 (页面中 最重要的位置logo 新闻标题)页面中只能出现一次
标题标签 就用在 有标题效果的区域 让网页更有结构
div 盒子标签 布局 最最基础的划分区域的标签 包裹内容
p 段落标签 换行的效果 (包裹大篇新闻内容 )
列表标签 使用在 布局内容雷同(相似的地方 菜单区域)
ul 定义无序列表
li 列表项 (ul父子级关系 不允许 放入其他的标签) li里可以放任意标签
标签内部属性 style="" 属性名="属性值" 英文状态下的单双引号都可以
ol 定义有序列表
li 列表项
type="" 默认阿拉伯数字 a A i I
dl 定义术语列表
dt 描述术语标题
dd 描述术语内容
双标签 99% 开始标签 + 结束标签
单标签 / 可加可不加
css属性的写法
list-style-type:; 属性名:属性值; 写在能够存放css的地方
none 不需要列表样式 (取消 记忆)
disc 小黑心远点
square 方块
circle 空心圆
也可以直接写成:
list-style:; 可以继承 (除了字体 文本之外的其他的属性 都不能继承
内容展示作用
span 赋予样式 文字标签 最弱的内容标签 可以与文字横排显示 也可以存放小图标 小按钮
color:;
i 倾斜标签 存放阿里图标 小按钮 存放小图标
b 加粗标签 (不使用了)
em 倾斜标签 + 强调效果
strong 加粗标签 + 强调效果 用在需要着重强调的区域 em强调效果没有strong大
br 换行标签 单标签 不要使用 不利于维护
hr 分割线标签 不要使用
img 图片标签 单标签
四要素
src => 路径
绝对路径 打开文件后缀名
网络绝对 https://img.alicdn.com/tfs/TB1oquGGv9TBuNjy0FcXXbeiFXa- 468-1236.png
本地绝对 从盘符出发
C:/Users/HiWin10/Desktop/01/5.jpg
相对路径
./img/5.jpg 当前目录下 img 文件夹内的5.jpg
先找 找到了之后 一层一层去敲开门 直到找到图片为止
../img/123/5.jpg html文档退到上一级文件夹目录 图片最外层文件夹继续敲门
alt => 描述 seo
width => 宽度 标签属性 px值可以省略
height => 高度 标签属性 不用于修改图片的布局大小(通过css控制布局大小) 写图片的 实际大小
```
##### 重点：相对路径弄清楚；1、./是当前目录2、../是父级目录3、/是根目录
# 02 CSS
```
超链接标签
跳转功能
href="" 要跳转的地址
target="" 何处打开 _self 当前窗口打开 _blank在空白窗口打开
点击图片跳转
锚点 先给目的地标记用id标记 a的href里 #id名
png 支持透明图片 色彩多 大 (精灵图 小图片)
jpg 不支持透明图片 小 失真
gif 支持动态图片 大
```
```
html 网页的骨架 组成
css 层叠样式表 赋予样式 血肉 穿好衣服 化好妆
js 与用户的交互 数据的交互
标签 自带默认css
css存放位置
1,标签内部(行内样式)