CSS初级课程

一、定义
CSS的名称叫做“层叠样式表”，说的直白点，就是改变HTML元素的样式。比如颜色、大小、边框这种。

二、设置颜色：

<h1 style="color:brown;">我的个人网页</h1>

在style里改变，注意语法。

三、设置宽度和高度

<hr style="height:15px;width:900px;">

改变水平线的高度，效果如下：

四、设置背景色

background-color:pink;

<hr style="background-color:pink;height:15px;width:900px;">

效果：

五、设置文字大小
font-size

<u style="font-size:10px;">但是我不喜欢陌生人。</u>

六、设置边框样式

style="border-width:1px,border-color:grey;border-style:dotted;"

或者border:1px black dotted;

边框样式：solid（实线）、dashed（虚线）、double（双线）、dotted（点线）

七、设置边距

 <h2>我最近计划：</h2>
    <ol>
        <li style="margin-top:20px;">去韩国</li>
        <li style="margin-top:20px;">去桂林</li>
        <li style="margin-top:20px;">去贵州</li>
  </ol>

简练写法：
margin:20px 10px 5px 10px;代表上边距20px、右边距10px、下边距5px、左10px。

八、设置表格边框粗细和颜色

表格里边和外边的线条设置方法不同。style元素可以设置内部线条，table中的border属性不能包含全部线条。

<h2>我的朋友们</h2>
    <style>
td{
border:1px blue dotted;
}
</style>
    <table style="border:1px blue dotted;">

     <tr>
         <td>朋友</td>
         <td>小军</td>
         </tr>
         <tr>
         <td>同学</td>
         <td>三月</td>
         </tr>
         <tr>
         <td>闺蜜</td>
         <td>小林</td>
         </tr>
        </table>

显示为：

以上为CSS的基础知识点，高级课程待续。