css的三种引入方式

1. 行内样式：需要内嵌在每一行HTML标签中。

缺点：当代码较多时，会使得书写方式繁琐，代码冗余。

2.内部样式：   

•    将每一个标签里的css样式抽取出来。
• 然后在head标签里声明一个<style></style>标签

• 接下来将样式都放在了style标签里。

• 将相同标签的样式写在相同的大括号{}里，大括号前面加上标签名。

• <style>
     p{
       font-size:16px;
       color:#ffffff;
       }
      h3{
       font-size:16px;
       color:#ffffff;
        }
  </style>
        

 3.外部样式

• 新建一个index.css文件
• 将html代码头部中的style标签内的样式全部拷贝出来
• 将复制的css样式粘帖今index.css文件中；
• 建立HTML和css文件的联系。用link标签引入css文件。

• <link rel="stylesheet" type="text/css" href="index.css" />

附：

•  字体大小 font-size：；
• 颜色 color :;
• 字间距 letter-spacing :;
• 行高  line-height:;

用行高控制文字上下居中

<button
  style="width: 120px;height:50px;text-align: center;line-height:50px;color:white;font-size: 18px;"
>
  提交
</button>

• HTML <span> 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者 Id 属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div> 是一个 块元素 而 <span> 则是 行内元素 (en-US).

HTML <a> 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、电子邮件地址、同一页面内的位置或任何其他 URL 的超链接。