初步认识CSS

今天我开始初步认识一些CSS的内容。

首先是CSS的引用方式，一共有四种，首先是style标签引入方式。

<style>  选择器{  （样式表）属性：值；  }   </style>

还有就是link标签引入。

<link rel="stylesheet" href="index.css">  其中index.css 中的书写方式与上面style内部标签中的格式相同。

还有就是在CSS文件中引入另一个CSS文件。

@import url(test.css),注意一般都写在一个CSS文件的开始的。避免其被忽略。

第四种是在标签内部直接使用style。

<p style="color: red'>--</p>,此种方法优先级最高，可以覆盖其他文件中指定的属性。但是如果在文件中某个属性后面使用！important 则为最高级。

p { color: green  !important；}

还有就是选择器的相关知识。

首先是元素选择器，元素就是指标签本身，比如p,a等，元素选择器可以并列使用，在元素名用逗号隔开即可，亦可以重叠使用元素名设置不同属性，比较灵活。

类选择器可以让用户自行定义并且在使用时添加到标签中即可。定义方式：  .Name{  color:red;} 前面加点表示其为一类，而不是一个元素。在调用时，形式为：

<p class="Name1 Name2..."> 调用多个类时用空格隔开即可。如果想修饰同时有两个类的标签，形式为：.Name1.Name2{ color:green;} ，类名用点隔开，不能有空格。

ID选择器用来指定一个特定标签的标号。定义方式：#logo {color:gray;}，#表示定义ID。调用方式：<p id="logo">，即可单独定义该标签属性。