css

css的三中引入方式

直接在head里通过style写

<style>
	选择器{
		属性：值
	}
</style>

通过link标签引入css文件（最正规）

<link rel="stylesheet" href="mycss.css">

行内式（一般不用）

<h1 style="color: green">老板好 要上课吗?</h1>

css选择器

• id选择器：对指定id的标签修改

id{ }

• 类选择器：对指定类的标签修改
  • .class{ }
• 元素/标签选择器：对指定标签修改
  • span{ }
• 通用(全局)选择器：全局修改
  • *{}

组合选择器

• 后代选择器
  • div span{ } div下所有的span标签
• 儿子选择器
  • div>span{ } div下直系span标签（单层嵌套）
• 毗邻选择器
  • div+span{ } div同级别的第一个span
• 弟弟选择器
  • div~span{ } div同级别的所有span

属性选择器

• 含有某个属性
  • [username] { 对所有有username属性的标签修改}
• 含有某个属性且有对应的值
  • [username = 'hz']{ 对所有username=‘hz’的标签修改}
• 含有某个属性且有对应的值的特定标签
  • input[username = 'hz'] { 对所有username=‘hz’的input标签修改}