8. HTML——定义CSS样式(CSS选择器)

2.几种样式说明:

(1)HTML标记定义:

例如:

(2)class定义:类定义的方式为 .类名{属性:属性值属性:属性值...}

例如:

(3)id定义:id定义的方式为 #id{属性:属性值属性:属性值...}

(4)优先级问题: 以上三种定义方式的属性优先级为id>class>HTML,当同级的选择器对同一个内容 *** 作时会执行离元素最近的属性

(5)组合选择器

例如:

在html网页中引入引入css主要有以下四种方式：

（1）行内式

<p style=”color:red”>网页中css的导入方式</p>

（2）嵌入式

<style type=”text/css”>

P{ color:red }

</style>

嵌入式一般写在head中，对于单个页面来说，这种方式很方便。

（3）导入式

<!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 -->

<style type="text/css">

@import "jisuan.css"

</style>

（4）链接式

<link href="jisuan.css" rel=”stylesheet” type=”text/css” />

导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。

---