选择器

来源:互联网 发布:js 数据结构有哪些 编辑:程序博客网 时间:2024/06/06 23:32

选择器的类型:

1外链式
2内嵌式
3行内式

1、外链式

外链式就是在网页外部建立一个.css文件,然后将选择器的内容放到内部。实例如下:

这是.css文件:

          

这是.css文件的内部内容,用来存放修饰内容的各种选择器:


将外链式.css文件导入到网页中的代码为:

<link rel="stylesheet" href="../css/Page_Selector.css">
rel 属性规定当前文档与被链接文档之间的关系。而stylesheet则表示文档的外部样式表。href用来指定文件的路径,有相对路径和绝对路径两种,上述方式为相对路径。

2.内嵌式

所谓内嵌式就是将上述代码直接放在.html文件内,这些内容要放在<style></style>标签内。示例如下:

3、行内式

行内式就是将修饰内容放在代码的当前行内。示例如下:

<div class="box" id="box" style="width:700px;height:500px;background:pink;"></div>




   

原创粉丝点击