CSS笔记

最新推荐文章于 2024-06-13 11:45:00 发布

TisPO8_

最新推荐文章于 2024-06-13 11:45:00 发布

阅读量95

点赞数

分类专栏：前端笔记文章标签： css

本文链接：https://blog.csdn.net/TisPO8_/article/details/120588161

版权

前端笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

【10.2】~【10.#】——>60p~#

###

ps：选择器（改谁）【空格】声明（怎么改）

【：】后面打【空格】

###

ps：标题文字需要单独给定大小

ps：样式粗细大小/行高字体（羊粗大糕蹄）

###

ps：按F12呼出调试工具

调试工具只是帮助检查错误，不能修改错误

错误旁边有小灰字告诉在代码第几行出错

###

    <!--   div*3  快速生成多个标签 -->
        <div></div>
        <div></div>
        <div></div>


    <!--   ul>li  父子级标签可以用 >   -->
        <ul>
            <li></li>
        </ul>
    <!--  div+p  兄弟级标签可以用 + -->
        <div></div>
        <p></p>
    


    <!--  .nav    生成带类名的用 .类名 -->
    <!--  #abc    生成带id名的用  #id名 -->
    <div class="nav"></div>
    <div id="abc"></div>
    <!-- p.asd 或 p#efg 带指定标签生成用 标签.类名 或 标签.id名 -->
    <p class="asd"></p>
    <p id="efg"></p>


    <!--  .demo$*3  生成的div的类名是有顺序的可以用 自增符号 $ -->
    <div class="demo1"></div>
    <div class="demo2"></div>
    <div class="demo3"></div>
    

    <!--  div{ 内容 }   如果想在生成标签内写默认内容可以用 {} -->
    <div>键盘敲烂，月薪过万</div>
    <!--  div{ 内容 }*3 -->
    <div> 键盘敲烂，月薪过万 </div>
    <div> 键盘敲烂，月薪过万 </div>
    <div> 键盘敲烂，月薪过万 </div>
    <!-- div{ $内容 }*3  -->
    <div>1键盘敲烂，月薪过万</div>
    <div>2键盘敲烂，月薪过万</div>
    <div>3键盘敲烂，月薪过万</div>

<style>
        .one {
           /* 采用简写 tac  */
            text-align: center;
           /* 采用简写 w100 h26 ti2em lh26px tdn */
           width: 100px;
           height: 26px;
           text-indent: 2em;
           line-height: 26px;
           text-decoration: none;

        }

    </style>

###