By

Contents
  1. 1. 字体 font大小、颜色、间距
  2. 2. 引入样式的几种方式
  3. 3. 选择器

Css样式：对html进行样式设定、布局设置

字体 font大小、颜色、间距

引入样式的几种方式

  1. 直接在元素上进行style设置，任何元素都可以使用

    <div style="color: #ccc; width: 200px; height: 100px;"> 今天小哥哥超级帅</div>

  2. style标签以控制页面的显示样式

    <style>
            /*元素选择器*/
            span{color: red;}
    </style>

选择器

  1. 元素选择器
  2. id选择器
  3. class选择器
        <style>
            /*元素选择器  要修饰的元素+样式*/
            span{color: red;}
            /*ID选择器  要修饰的元素+样式*/
            #intro{ font-size: 50px;}
            /*类选择器 要修饰的元素+样式*/
            .myClass{ color: yellow;}
        </style>
    <div>
        <span  >A This is a paragraph of introduction.</span>
        <span id="intro" >B Intro This is a paragraph of introduction.</span>
        <p  class="myClass">C This is a paragraph of introduction.</p>
    </div>
Contents
  1. 1. 字体 font大小、颜色、间距
  2. 2. 引入样式的几种方式
  3. 3. 选择器