• CSS的基础

    • CSS美化HTML，布局网页

    • CSS最大的价值：由HTML专注去做结构呈现，样式给CSS，结构（HTML)与样式（CSS）相分离

    • CSS主要由选择器以及一条或多条声明

    • 在中实现CSS在实现HTLM

    • 语法格式：选择器{做什么}

      3. <body>
      4.     <p class="red">是看得见p>
      5.     <p>是看得见p>
      6.     <p>是看得见p>
      7. body>

      • 可以理解为这个标签起了一个名字，来表示

      • 长名称或词组可以使用中横线来为选择器命名

      • 不能使用纯数字、中文等命名，尽量使用英文字母来表示

      • 多类名的使用方式

      1.  
      2.  <body>
      3.  	<p class="red green">是看得见p>//可以同时使用red和green两个类。注意两个类中间要空格分开
      4. 	<p>是看得见p>
      5. 	<p>是看得见p>
      6.  body>

      • 使用多类名可以将宽长放一个类，颜色放一个类

      • id选择器样式#定义，结构id调用，只能调用一次，有标签使用了，别的标签不能使用

        1. #pink{
        2.     color: red;
        3. }
        4. ​
        5. <div id="pink">div>

      • 同配符选择器

        1. *{
        2.     color: red;
        3. }
        4. <body>body>里面的所有的内容自动变成红色

      • CSS的字体系列

      • font-family属性定义文本的字体系列

        4. <body>
        5.     <p class="red">是看得见p>
        6.     <p>是看得见p>
        7.     <p>是看得见p>
        8. body>

      • px是像素的意思

      • 字体之间必须使用英文状态下的逗号隔开

      • 空格隔开的多个的单词组成的字体，加引号

      • 使用系统默认的字体

      • 可以直接给body直接输入字体

      • 如果是标题的话，就算是在body{ font-size=12px；}标题部分也要自己在重新定义