【前端】CSS 学习笔记整理

语法规范

<head>
-----
    <style>
        选择器 {样式}
        p {
            color: red;
            font-size: 12px;
         } 
    </style>
</head>

1 CSS 基础选择器

w3school 在线教程:CSS 选择器

1.1 标签选择器 

标签名 {
    属性1: 属性值1;
    属性2: 属性值2;
    ···
}

1.2 类选择器 (常用)

口诀:样式定义,结构类(class)调用,一个或多个,开发最常用

...
    .red {
        color: red;
    }
···
    <ul>   
        <li class="red">冰雨</li>
        <li>哈哈</li>
    </ul>
···

①长名称或词组,可以用 短横线(-)来为选择器命名

②不要使用纯数字、中文等命名

③类命名规则(见文件)

④多类名使用方式(中间用空格隔开)

<div class="red font20">亚瑟</div>

1.3 id 选择器 

口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用

...
    #pink {
        color: pink;
    }
···
    <div id="pink">汤姆猫</div> 
···

1.4 通配符选择器

    * {
        color: red;
     }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值