css基础——最基础的样式

1、标签高度、标签宽度、字体大小、字体颜色、背景色：

.c1{
       /*标签占得高度，不可用百分比*/
       height: 50px;

       /*宽度，可以用百分比(按照父相对的),也可像素*/
       width: 100%;

       /*字体大小*/
       font-size: 22px;

       /*字体颜色*/            
       color: chartreuse;

       /*背景色*/
       background-color: antiquewhite;
}

注：

1、高度不可以用百分比
2、宽度可用百分比，也就是父标签宽度的百分比
3、颜色有三种表示：
3.1、英文：color: chartreuse;
3.2、16进制：color: #FFFFFF;
3.3、rgb颜色值：color: rgb(25,180,10);
rgb 16进制可在线转：https://www.sioe.cn/yingyong/yanse-rgb-16/

2、关于背景图片的基本样式：

.img{
        /*图片位置*/
        background-image: url("4.jpeg");

        /*高度*/
        height: 100px;

        /*宽度*/
        width: 100px;

        /*背景图片是否重复展示*/
        background-repeat: no-repeat;

        /*背景图片移动坐标*/
        background-position: -62px -83px;
}

注：

1、图片位置使用url(“”)
2、高度，宽度和基本的一样，height和width，若不设置则看不到背景图片了
3、默认的背景图是重复平铺的，若不允许平铺，则设置background-repeat: no-repeat;
4、在页面某个固定位置展示图片，则需要挪动背景图片，所以需要设置background-position: -62px -83px;