CSS的基础入门

CSS由选择器和样式构成
选择器(基础选择器和复合选择器)
基础选择器:标签选择器,类选择器,id选择器,通配符选择器。

在写代码的时候需要注意格式可以看的更清楚。

使用类选择器制作盒子div,但需要注意不能使用标签来命名。

<style>
        .red {
            height: 200px;
            width: 200px;
            background-color: red
        }
        .green{
            height: 200px;
            width: 200px;
            background-color: green 
        }

    </style>

id选择器和类选择器的区别:

id选择器只能调用一次,类选择器可以调用很多次。
 

 <style>
        /* #样式 结构用id调用 */
        #shushu {
            background-color: purple
        }

    </style>
</head>
<body>
    <div id="shushu">
        like
    </div>

通配符选择器:不需要调用,会自动选择。

使用符号*可以选择所有标签

CSS的字体属性

单个的属性:

<title>成为小丑的鼠鼠</title>
    <style>
        #bad {
            color: purple
        }
        div {
            font-size: 200px;
            font-family:'宋体';
            font-style: initial;
            font-weight: 600;
        }
    </style>
</head>
<body>
    <div id="bad">莫待无花空折枝</div>
</body>

CSS字体的复合属性:需要严格遵守规律

按照font-style  font-weight   font-size/line-hight    font-famliy 的顺序进行书写。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值