css

使用css修改元素样式

通过style来设置样式

将编写样式写道head里面的style标签里面，通过CSS选择器来选中元素设置各种样式，可以同时为多个标签设置样式，修改的时候也就修改一处就行了

内部样式只能对一个网页起作用，不能跨页面

最常用的方式就是外部样式表

可以在外部创建一个CSS文件，弄成全局变量，通过link标签来引入外部的CSS文件

可以在不同的页面之间复用，

将外部样式编写到CSS文件中，可以使用到浏览器的缓存机制，加载网页的速度会更快一点。

CSS的基本语法

• 选择器

  通过选择器可以选中页面中的指定元素，比如p就是p元素

• 生命块

  通过声明块来指定要为元素设置的样式，声明块是由一个一个的声明组成的，声明是一个名值对结构，一个样式对应一个样式值，名和值之间以：连接用；结尾

class和id

class是类选择器，是可重复的，.class{} #id{}

*{}是选择所有，

交集选择器

选择器一+选择器二+选择器三

注意交集选择器如果有元素选择器，必须使用元素选择器开头

选择器分组作用是选择多个选择器

语法就是选择器1，选择器2，选择器3，就是每个选择器中间用逗号隔开，

关系选择器

• 父元素

  直接包含子元素的元素就叫做父元素

• 子元素

  直接被父元素包含的元素是子元素

• 祖先元素

  直接或者间接包含后代的元素叫做祖先元素

  一个元素的父元素也是它的祖先元素

• 后代元素

  直接或者间接被祖先元素包含的元素叫做后代元素

  子元素也是后代元素

• 兄弟元素

  拥有相同父元素的元素是兄弟元素

可以用大于号和空格来选择后代元素

语法：祖先 后代

兄弟选择连接用加号

div+span，就是选择div后面的一个元素

div~span 可以选择下面所有的兄弟元素

属性选择器

如果设置一个title元素可以双重选择，例如p[title]

还可以对titlt设置属性值，p[title="abc"]这样就只会对title标签是abc的值起作用，

[属性名]选择含有指定属性的元素

[属性名=属性值]选择含有指定属性和属性值的元素

[属性名^=属性值]选择属性值以指定值开头的元素

[属性名￥=属性值]选择属性值以指定值结尾的元素

[属性名*=属性值]选择属性值中含有某值的元素

伪类选择器

伪类（不存在，特殊的类）

• 伪类用来描述1一个元素的特殊状态

• 比如，第一个元素，被点击的元素，鼠标移入的元素

• 伪类一般i情况下都是使用冒号开头

  • first-child第一个子元素

  • last-child最后一个子元素

  • mth-child（n）就是选中第N个子元素

    2n或者even就是选择偶数位的元素

    2n+1或者odd表示选用的奇数位的元素

以上这些伪类都是根据所有的子元素进行排序

:first-of-type :last-of-type :nth-of-type()

这几个伪类是在同类型的元素中进行排序

:not()这个属性是反选

CSS的一些基础语法（01）

原文：https://www.cnblogs.com/z1021980585/p/14553193.html