填充内容
常用标签梳理：
div：盒子模型的标签
超链接图片：<a href=" ...." 可以是网络路径，也可以是相对路径 target = "_black在新窗口中打开">一定要填全网址
_self默认值在当前窗口打开
<img src = "网络路径/相对路径"
网络路径：https/http
绝对路径：以file开头的
相对路径：从当前文件夹出发来查找资源./当前目录../上一级目录
alt = "替换作用，说明作用，图片加载时候的解释性文字"
title = "鼠标悬停时的提示性文字"
文本标签：
h系列，上下有默认的margin，h标签默认独占一行
段落标签<p>,独占一行，有换行操作，如果一行放不下，会自动换行
<span>标签是同行显示，由空间内容撑开，简短的话用<span>
p标签也是块级标签
a标签是行级元素
行级元素：同行显示，不支持修改宽高，a span img
行内块元素：又可以同行显示，又可以修改宽高，input img
块级元素（可以修改宽高）：div p h
标签类型的切换span靠内容撑开
display：inline-block//又是行级又是块级
通过display属性来进行切换行级和块级还有行内块级别
后代选择器：通过父级别来跟随子元素
border：none；去掉边框
border-bottom：2px solid red
字体样式:
font-size大小
font-family:微软雅黑
font-weight：字体粗细
font-style：字体风格
文本样式：
text-align设置文本的位置只对行级元素有效
text-decoribtion设置文本样式underline overline line-througth
<a>标签下有下划线，用decoribtion：none
color是字体颜色
设置行高line-height，在垂直水平上居中显示，仅有一行文字才可以
placehoder：搜索框内文字
.fix input::placeholder{}改修提示性文字样式
背景样式：bankground背景颜色color 背景图片img
repeat：no-repeat，不重复显示
图片比背景颜色优先级高
bankground-position：x，y，和数学中y的坐标相反
在盒子外不会显示图片
bankgroung-size：设置图片大小contain长边盛满图片
cover：覆盖盒子，整个图片的短边铺满盒子
image：导航列表标签
<ul>
<li></li>
</ul>无序列表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.nav{
list-style-type: none;
margin: 0;
padding: 0;//重置列表样式7就
}
</style>
</head>
<body>
<ol>
7yb
</li>有序列表
</ol>
修改列表样式
list-style-type：none
有默认的margin 和padding
是块级元素
reset重置浏览器样式
伪类
：link未被访问的链接添加样式
：visited 向访问过的链接添加样式
：hover鼠标悬停时候的样式
：action向被激活的标签添加样式，鼠标按住不放时
：focus向获取焦点的标签添加样式，会有边框outline：none
鼠标交互时进行的操作
a ：link{}
opacity 0-1透明度
cursor：pointer鼠标添加小手
组合选择器：
后代选择器：
父选择器 子选择器{
}
</body>
</html>
知识体系
标签选择器
伪类选择器
伪元素选择器
属性选择器
通配符
结构选择器
选择器的权重
！important
基础选择器：标签选择器
伪类选择器：
获取焦点的标签a input
设置过渡时间transition
组合选择器：
后代选择器：ul li{}
子元素选择器：通过大于号隔开，代表该标签里所有的指定儿子标签
.box>li{
只会作用于第一层
}
兄弟选择器:.html+li{}只会作用于下边的标签
选择器分组：body，ul，p{}
利用hover和选择组合器二级菜单重点
属性选择器：【type= “text”】{
}精准匹配
【type* = “word”】模糊匹配
选择器进阶：伪类p::first-letter
结构选择器也属于伪类p:first-child last-child
p:nth-child(2)对应数字的标签
nth-last-child（）倒数的第几个
p:nth-of-type()指定类型的标签
奇数和偶数也可以填写
选择器权重：加法计算
1.内嵌样式1000
id 100
class 属性 伪类10
伪元素1
通配符* 继承样式0
谁权重高谁先实行
四个0原则0000
1000 100 10 1
218
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
