初始CSS01

CSS基础知识

CSS介绍

CSS全称为层叠样式表,与HTML相辅相成，实现网页的排版布局与样式美化.

使用方式

根据样式表在页面中呈现的方式不同,可以通过以下三种方式在页面中使用格式

内联样式

改样式用于某个元素属性中,借助于style标签属性,为当前的标签添加样式声明,格式如下:

 

<标签名 style="样式声明">

样式声明:由CSS属性和值组成

style="属性:值;属性:值;"

常用CSS属性:

color:red;   字体颜色设置

background-color:green;背景颜色设置

font-size:32px;字体大小设置

内嵌样式

借助于style标签,在HTML文档中嵌入CSS样式代码,实现CSS样式于HTML标签之间的分离,格式如下:

<style>
           选择器{
                 属性:值;
                 属性:值;
            }   
</style>

选择器

CSS选择器用于查找HTML中的标签,通过标签名或者某些属性值到页面中选取相应的标签,并为其应用样式

 

 

 

外链样式表

创建外部样式表文件,它的后缀使用.css，在HTML页面中使用标签引入外部样式表

 

 

外链样式表优势

在样式表文件中,借助选择器匹配标签应用样式,它的优势非常明显,可以通过一个样式表,为多个页面提供样式