css基础

 CSS的引入方式有三种：

1.内联属性（Inline style attribute）的使用方法是，对于想要设置样式的HTML元素，直接修改他的style属性，将css代码直接写在style属性里。

<h1 style="font-size: 12px;">我的字号被修改了</h1>

 2.写在style标签里

<style>
    h1 {
      font-size: 12px;
    }
</style>

 一般要求写在head标签里

3.使用link标签引入外部css文件

<link rel="stylesheet" href="styles.css" />

 选择器

***id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

#red {color:red;}
#green {color:green;}
<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

 id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。
***类选择器

<h1 class="color">
This heading will be center-aligned
</h1>

     想要改变字体颜色css命令

.class{
color:red;
}

  ***元素选择器

类似这些
h1 {
color:blue;
}
p{
属性名：属性值；
}

 边框

是围绕元素内容和内边距的一条或多条线。
border 属性允许你规定元素边框的样式、宽度和颜色。