CSS的使用

1.行内样式/内联样式

  特点:在具体的HTML标签中引入CSS代码

  语法:所有的HTML标签都具有一个style属性,属性值就可以使用CSS样式规则
    <标签 style="CSS样式规则"></标签>
    CSS样式规则:由CSS属性与值组成,属性名与值之间使用:隔开,每一条CSS语句以分号结束

  常见的CSS属性:
    1.font-size:设置字体大小,取值为像素值
    2.color:设置文本颜色,取值颜色的英文单词
    3.background-color:设置背景颜色

2.文档内嵌

  特点:将CSS代码与具体的标签相分离,在HTML文档中使用<style></style>标签引入样式表,<style>标签可以在文档的任意地方使用

  样式表语法:
    <style>
      CSS选择器{
        属性:值;
        属性:值;
      }
    </style>
    选择器:用来匹配文档中元素,并且为其设置样式{}中是要给元素添加的样式声明
3.外链方式/外部样式表

  特点:定义外部的.CSS文件,在HTML中引入即可,真正实现文档与样式表的分离

  优点:
    1.真正实现样式与结构的分离,便于维护
    2.可以实现样式的复用

  使用:
    1.创建外部的CSS的文件.css
    2.在HTML文档中使用
      <link rel="stylesheet" href="url">引入样式表文件
    3.在样式表中添加样式,通过选择器书写样式

原文地址:https://www.cnblogs.com/zengsf/p/9769694.html