div中关于css

1.关于开始的结构

css样式的连接方式：有三种

1.外部样式：(1)外部链接：<link href="路径">

                      (2)外部导入：@important url(路径)

2.行内样式：style="属性：属性值；属性：属性值"

3.头部样式：又叫内嵌样式：<style></style>

路径 又分为绝对路径和相对路径

相对路径：相对于本文本的路径，同目录下为./ ，上一级目录为../，例如：连接上一级目录index文件里的index.html   ../index/index.html

绝对路径：完整的http请求，或以网盘相分的路径，例如：https://www.jianshu.com/writer#/notebooks/28255762/notes/31868723或者file:///C:/Users/%E7%8E%8B%E7%BA%A2%E7%87%95/Desktop/node%E7%90%86%E8%AE%BA/2%E6%9C%88/%E5%B7%B2%E8%80%83%E8%AF%95%E5%8D%B7%E6%9F%A5%E7%9C%8B2.html

关于css的规则：

1.属性和属性之间用“;”隔开，属性和属性值之间用：  不区分大小写

2.后面的属性会把前面的属性覆盖 例如：div{background:red;height:20px; background:blue}

div最后的背景颜色为蓝色

3.权重值越大，优先级越高

css选择器：

1.*通配符 权重值:0 能查找所有的元素

2.div、元素选择器、标签选择器、标记选择器 权重值:1  能查找页面中所有的该标签

3.class选择器、类选择器 权重值:10  具有多样性能叠加  .自定义名称

4.ID选择器 权重值:100  #自定义名称

5.行内样式 权重会1000  

6.！important 权重值10000 权重值最高没有之一

7.群组选择器  “，”表示“和” 一次性可选中多个元素

8.伪类选择器 ：a:link(默认)   a:visited(访问过后)  a:hover(鼠标滑过)  a:active(鼠标点击)  :focus(获取焦点)

9.后代选择器 “空格” 表示什么什么下   “div span”表示div 下的span

10.属性选择器[ ] :[name]表示查找拥有name的元素

11.兄弟选择器:"+":紧邻的下一个兄弟元素

                        "~":临近的所有的兄弟元素

12.父子关系：">"直系父子

13.img[src^="abc"] 查找以abc开头的图片

    img[class$="abc"]查找类名以abc结尾的图片

    img[class="abc"]查找类名包含abc的图片

    :before或:after 表示之前或之后 div:after{content:""必须有（content:""）}

：nth-child()按照顺序查找子元素

：nth-last-child()按照倒叙查找字元素

：nth-of-type()按照相应元素查找

：nth-of-last-type()按照相应元素倒序查找

：nth-child()与:nth-of-type()的区别

要想让第三个li的背景变红色就要用:nth-of-type(3)