CSS的起步

初学CSS

CSS语法规范

• 选择器{样式}
• 给谁改样式{改什么样式}
• 写在style标签里
• 健值对形式,分号结尾 color:red;

<style>
        p {
            color:red;
            font-size: 12px;
        }
</style>

CSS选择器

• 基础选择器

  • 标签选择器

  把标签作为选择器，可以对一类标签指定统一的CSS样式

  div {color: pink;}
  

  • 类选择器

  在标签中加入相同的class值,可以给特定的标签添加css样式

   <style>
          .first {
              color:red;
              font-size: 12px;
          }
   </style>
  

   <p class="first">sfjshjasc</p>
   <p class="t">sgdjsdbj</p>
  

  注意：类选择器使用"."来标识

  一个标签可以使用多个css样式,通过空格来使用多个

  <div class="red font35"></div>
  

  • id选择器

  给标有特定id的html元素指定样式

  id选择器以"#"来定义,在标签中添加id值

   #id名 {
              属性值： ；
        }
  

  注意：只能调用一次

  • 通配符选择器

  给所有的标签指定样式，用"*"来定义

  * {
         属性值： ；
   }
  

  基础选择器	作用	特点
  标签选择器	可以选出所有相同的标签	不能差异化选择
  类选择器	可以选出一个或多个标签	可以根据需求选择
  id选择器	一次只能选择1个标签	id属性只能在每个html文档只出现一次
  通配符选择器	选择所有标签	选择太多，有部分不需要

  字体属性

  属性	定义
  font-size	字号大小，px
  font-family	字体
  font-weight	字体粗细，normal（400），bold（700），bolder，lighter
  font-style	字体风格，斜体 ，italic（斜体），oblique（倾斜）
  word-wrap	长单此和url地址自动换行

  注意：定义粗细的时候尽量用数字，后面不跟单位