初识CSS-20220925

1. CSS标签:

   1. 简介:
      CSS是层叠样式表,也可以称为CSS样式表或级联样式表.主要用于设置页面中的文本内容,图片的外形以及外观样式等.
   2. css基础选择器:
      1. 作用:选择标签,
      2. 分类:
         1. 类选择器:
            1. 单独选择一个或者几个标签,
            2. .类名{   } 引用时使用class="类名"
            3. 口诀:样式点定义,结构类调用.一个或多个,开发最常用
            4. 多个类名的使用:中间加空格.

                .red{
                       color: brown;
                    }
                .font1{
                        font-size: 35px;
                    }
               
                <div class="red font1"> 晓倩加油,你可以的</div>
               

         2. 标签选择器:
            1. 以标签名作为选择器;
            2. 全部选择某一类标签,快速设置样式,不能差异化设置样式;
         3. id选择器:
            1. #自定义名{   } 引用时使用id="自定义名";
            2. 口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用.
         4. 通配符选择器:
            1. 使用"*"定义,表示选取页面中的所有元素
            2. 不需要调用,可以自动给所有元素使用样式.

   3. 字体属性:

      1. 字体复合属性(简写有要求:):
         1. 遵循顺序
            font: font-style  font-weight font-size /line-height font-family
            eg:font: italic 16px 微软雅黑
         2. 不需要的可以省略,但必须保留font-size和font-family.
      2. 文字样式:font-style:
         1. 用于定义文字字体,大小,粗细和文字样式;
         2. 属性:
            normal:默认值,显示标准的字体样式
            italic:显示斜体的字体样式
            注:学会<em></em>与<i></i>标签为斜体标签.
      3. 字体粗细:font-weight:
         1. 使用数字设置加粗时,后面不需要加单位"px";
         2. 属性:
            normal:正常字体,相当于400px;
            bold:粗体,相当于700px;
            lighter:细体.
            注:实际开发中,更推荐使用数字表示文字粗细.
         3. 学会使用标签<strong>或者<h>
      4. 字体大小:font-size
         1. 可以给body指定整个页面的文字大小
         2. 标题标签比较特殊,需要单独制定文字大小.
      5. 字体类型:
         1. 各种字体之间使用英文状态下的逗号隔开;
         2. 有空格隔开的多个单词组成的字体,加引号