CSS随笔

比如通过在<h1>里面插入style="  "这样的CSS属性来做到更改属性。

<h1 style="color:green"></h1>就更改了标题的颜色

<hr style="height:5px;color:green"> 就可设置成高度5px 绿色的水平线  （px为网页的一个长度单位）同时可以用width设置宽度

1.background-color:lightgray      更改背景颜色

2.font-size:20px                    设置字体大小

3.border-width:1px                     边框宽度

4.border-color:black                       边框颜色

5.border-style:dotted;                        边框样式          (solid、dashed、double)

以上三种边框设置可以组合写成                 border:1px black dotted;

4.margin-top:20px;                                     设置上边距。同理 margin-left 为左边距等

         margin：0 auto;                                 意思是上下外边距为0.左右外边距根据屏幕分辨率自动设置，其实就是居中。

可以组合使用        margin:20px 10px 5px 10px;（顺序为上右下左）

6.可以在<table border="1" style="border-color:pink">                      border='1'规定围绕表格的边框宽度

7.padding-top                                  设置内边距         （padding :30px 在表格内使用就是和表格周围的距离相等）和margin一样可以组合使用

8.font-family:Times New Roman                             设置字体(字体可以百度查看看)

9.text-align:center;left;right               属性规定元素中的文本的水平对齐方式。和我们用word或者excel时的居中、左对齐、右对齐是一个意思。

10.float                                             使我们想要的文本放在同一行

e.g 

11.position: absolute;top:100px;left:200px;                          这句代码的意思是给图片设置为绝对定位。后面的top:100px;和left:200px;的作用就是我想让它放在距离上边100像素距离左边200像素的地方。

12.<div>       这个标签很重要，给网页分块布局的