[JavaScript知识库]看看 css 啦

网页分三部分：

结构（HTML）

表现（css）

行为（JavaScript）

/*

(/**/)?css中的注释，内容被浏览器忽略

*/

css的基本语法：?选择器 ?声明块

选择器：通过选择器可以选中页面中的指定元素

? ? ? ? ? ? ? ? ? ? ? ? 比如 p 的作用就是选中页面中所有的p元素，使其按照p{}中所设置的内容显示

?P{

? ? ? ? color:red;

? ? ? ? font-size: 60px;

? ? }

声明块：通过声明块来指定要为元素设置的样式

? ? ? ? ? ? ? ? ? ? ? ? 声明块由一个一个的声明组成

? ? ? ? ? ? ? ? ? ? ? ??一个样式对应一个样式值，名和值之间以：连接，以；结尾

h1{

? ? ? ? color:red;

? ? }

css：

-层叠样式表

-网页实际上是一个多层结构，通过css可以分别为网页的每一个层来设置样式

而最终我们能看到的只是网页的最上边一层

-css用来设置网页中的元素

使用css来修改样式

第一种方式（内联样式 行内样式）；

-在标签内通过style属性来设置元素样式

-开发时绝不要使用内联样式

<p style="color:red; font-size: 60px;">须知少年凌云志，曾许人间第一流。</p>

第二种样式:

?-样式编写到head中的style标签中

然后通过css的选择器来选中元素并为其设置各种样式，可以同时为多个标签设置样式，并且修改时只需要修改一处即可全部应用

?-内部样式表更加方便对样式进行复用

? -问题:

? ? ? ? ? ? -只对一个网页起作用

? ? ? ? ? ? -?不能跨页面进行复用

? ? ? ? ?<style>

p{

? ? ? ? ? ? ? ? color:red;

? ? ? ? ? ? ? ? font: size 50px;

? ? ? ? ? ? }

?</style>

第三种样式（外部样式表）

? ? ? ? ? ? ? ? -可以将css样式编写到一个外部的css文件中

? ? ? ? ? ? ? ? ? ? 然后通过link标签来引入外部的css文件

? ? ? ? ? ? ? ? -外部样式表需要通过link标签进行引入，

? ? ? ? ? ? ? ? ? ? 意味着只要想使用这些样式的网页都可以对其进行引用

? ? ? ? ? ? ? ? ? ? 使样式可以在不同的页面之间进行复用

? ? ? ? ? ? ? ? -将样式编写到外部的css文件中，可以使用到浏览器的缓存机制；

? ? ? ? ? ? ? ? ? ? 从而加快网页的加载速度，提升用户体验。

? ?<link rel="stylesheet" href="外部文件">