初始CSS| 青训营笔记

这是我参与[第五届青训营]伴学笔记创作活动的第2天 如果说html是网页的骨架，那么css就是网页的皮肤和毛发，在美化页面里起了至关重要的作用。首先我学习到的第一个关于css的知识点就是选择器，选择器让我们选择对什么元素进行美化。

/* 标签选择器就是以标签名命名的选择器 */ p { color: brown; }

所有的标签

只要被选择器选中

都会被渲染

在这里表示选择了页面中所有的p标签，color表示更改p标签的颜色。

/* 定义类选择器 */ .one { color: burlywood; }

    .two {
        font-size: 60px;
    }

!-- 如果想享受多个类选择器的效果，可以直接在class里面写多个类名，用空格隔开 -->

测试一下颜色是否被改变

引入css的方式也有多种 内嵌式：CSS写在style标签内 （style标签可以写在页面任意位置，但通常写在head里面

    p {
        font-size: 60px;
    }

    /* p：标签名{
        css属性名：属性值
    } */

外联式：CSS写在一个单独的.css文件中 （需要通过link标签在网页中引入）

 p {
        font-weight: 700;
    /* 可以取关键字
    normal：正常     
    bold;加粗

    也可以取100~900之间的数字：
    400：正常
    700：加粗 */
    }
<p>这是需要数字加粗的文字</p>
<div>这是需要关键字加粗的文字</div>

 p {
        font-size: 30px;
        /* 谷歌浏览器默认字号为16px，必须要有单位，否则无效！ */
    }

<p>段落字体大小</p>

  p {
        font:italic 700 80px 宋体
        /* 这就是font的复合属性，只需要写一个font，后面跟各种属性即可 */
        
        /* 但是复合属性也是有格式的！必须按照以下格式：
        font:style weight size family */
    }
    
以上内容就是今天我学到的关于css的知识点，不积跬步无以至千里！