CSS引入、规范、选择器分类

53 阅读1分钟

CSS引入

  • link引入—在html中用这样一行代码引入css文件

<link rel="stylesheet" href="css的地址">

  • 把CSS放进style标签里
  • 使用@import 引入CSS文件

放在style标签或CSS代码里

@import是一个CSS语法,必须放在CSS代码(如style标签里面

@import url(文件地址)

  • 使用style属性,把CSS代码放进行内标签里面

<p style="color:blue;"></p>

link和@import引入CSS有何区别?

CSS书写规范

/*这是css注释的写法*/

CSS选择器

  • 标签选择器

如body标签、a标签

全局生效,覆盖范围广,尽量少直接使用

  • id选择器,用于选中一个拥有特定id的元素
  • class(类)选择器,用于选中一组拥有特定class的元素
  • 伪类选择器,用于选择处于特定状态的元素
  • 伪元素选择器,给原色内部(开头::before,结尾::after)添加内容
  • 属性选择器

[attr] 选择包含 attr 属性的所以元素,不论 attr 的值是什么

  • 组合选择器: A B, A>B,AB,A,B,A+B,A~B

A和B分别代表任一种单一选择器,A和B之间有空格

A B分别代表A内部的所有的B

AB:代表既是A又是B的元素

A,B:分别选中A和B

A+B:选中

A~B: