CSS0001——导入与样式选择器

1. 导入方式

• 内部样式 表

<style type="text/css">
/**
*样式内容
*/
</style>

• 链接外部样式表

<link rel="stylesheet" type="text/css" url="css文件的地址">

• 导入外部样式表

<style type="text/css">
@import "css文件的地址";
<style>

2.1. 简单选择器
-类选择器
标记class来实现
给定一个类名称直接附加到句点后面
.one{样式}
加上标记进行限定
p.one{}

• ID选择器

<h1 id="one"><h1>
#one{样式}
//或者
h1#one{样式}

• 通配符选择器
  用于文档中的所有元素
  *{样式}
• 标记选择器
  声明某个标记的属性
  h1{样式}
  2.2. 符合选择器
• 交集选择器
  有来两个选择器构成 范围是两个选择器的交集
  第一个是标记选择器,第二个是类或者id选择器
  二者紧挨在一起

p.classname{样式}
p#idname{样式}

• 后代选择器
  h1 h2{样式}
  当且仅当h2是h1的内部元素时,该属性才会生效
• 子元素选择器
  后者必须是前者的直接后代
  h1>h2{样式}
• 伪类选择器
  根据元素的状态进行筛选
  伪类是一种当某种时间出发时的才会发挥作用
  标记:伪类名{样式}
  a:link{}//未被访问的链接样式
  a:visited{}被访问过后的样式
  a:hover{}鼠标悬浮式的样式
  a;active{}鼠标点击时的样式