CSS

要注意CSS操作的对象是某个标签,加颜色,布局,文本进行控制。CSS做的过程分两个步骤。

1、CSS,找到要操作的标签

2、把找到的标签进行操作。

在这两步之前,无论如何渲染,就只对这一个标签有效,没有实现解耦功能。太局限,不推荐这种方式,汉是否还有其他的方式。这次加在head标签里面的style标签里面:

<style>

</style>

在style里面找到需要操作的标签:

<p>yaun</p>

<div>alex</div>

涉及到选择器,所以就先找到那个标签,就先找到P.

标签选择器:

在style里面写:

p{

  background-color:aqua

  color:darkblue

}

这就是标签选择器,只需要把标签放在这里,然后按照需要的进行渲染就可以了。

注意div标签里面是可以嵌套div标签的

注意:在<head></head>里面的

<style>

p{

background-color:;

color:

}

</style>

要注意如果多个HTML文档,要用一个样式怎么办?所以这就是第三种方式:

有第三种和第四种两种引入方式。

先写一个new->Stylesheet

也就是将这个样式引入到html中,新建一个样式表。其他的什么内容都没有变,只是将这个内容移到这个样式表中。但是这个是通过@import "css3.css"去引入

注意有标签选择器,也有id选择器。当只对某一个有id的标签引入样式的时候,这个时候就有所谓的id选择器。id选择器的用法如下:

通过熟练的运用选择器来操作自己想操作的和不想操作的。

比如标签起了一个id,如何只让这个有id的标签引入样式:

则可以在一个css文件中写有id标签的选择器:

#www{

background-color:red;

color:white

}

第4种方式也是引入CSS文件,只是引入的方式不一样而已。

这种方式是在head标签里面,只是只是这次没用style,用的是link

<link href="css3.css" type="text/css" rel="stylesheet">注意type和rel都是在说明这里面用的是CSS样式。最重要的是通过href将它引进过来了。

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

注意rel="stylesheet"这句话不能省略

@import是属于CSS的方式引入

而link是属于html的方式引入。

注意import引入文件,注意引进文件的数量是有限制的。

而link的引入是没有限制的。

加载顺序:注意加载顺序。

导入式会在整个网页加载完后再装载CSS文件。如果加载需要时间的话,会有一个闪烁。所以link会比较好,就直接用link去引入。

 

posted @ 2017-03-05 20:56  关泉珍  阅读(46)  评论(0)    收藏  举报