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去引入。

浙公网安备 33010602011771号