CSS3基础总结一(盒子之前所有内容)

CSS基础

CSS基本语法结构

h1 {
	font-size:12px;
}

h1–>为选择器 其中font-size–>为属性 12px–>为值

在HTML中引入CSS样式

1.内部样式表

内部样式表(内嵌样式表)是写到html页面内部。是将所有的CSS代码抽取出来，单独放到一个标签中。 语法如下

<style>
    div{
    
        color:red;
        font-size:12px;
    }
</style>

2.行内样式表

行内样式表(内联样式表)是在元素标签内部的style属性中设定CSS样式。适合修改简单样式。 如法如下

<div style="color:red;font-size:12px;">--内容--</div>

3.外部样式表

引入外部样式表分为两步：

1. 新建一个后缀名为.css 的样式文件，把所有CSS代码都放入此文件中。

2. 在HTML页面中，使用标签引入这个文件。代码如下

   <link rel="Stylesheet" href="CSS文件路径">
   

基础选择器

1.标签选择器

标签选择器(元素选择器)是指用HTML标签名称作用选择器，按标签名称分类为页面中某一类标签指定统一的CSS样式。

如：

p{
	属性1:属性值1;
}

2.类选择器

单独选一个或者某几个标签，可以使用类选择器。

如：

<P class="