css样式的调用方法


 #引入外部样式表的方法



 

#给多个标签加样式方法

p, td, ul, ol, li, dl, dt, dd {
font-family: Verdana, sans-serif;
}

调用方法一:

 

 

你好。这是一个 div 元素。

你好。这是一个 div 元素。

方法四:(派生选择器)

只有 li 元素中的 strong 标签元素的样式为斜体字,无需为 strong 元素定义特别的 class 或 id,代码更加简洁。

  • 我是斜体字。这是因为 strong 元素位于 li 元素内。
  • --------------------------------------------id选择器使用

     方法五: (id选择器)

     

    这个段落是红色。

    方法六:

    指定一个标签使用这个id 才有效

    你好。这是一个 div 元素。

    --------------------------------------------类选择器使用

    方法二:

    直接使用class去调用样式的方法

    Name

    --------------------------------------------内嵌样式使用

    方法三:

    内嵌样式的方法

    style="display:inline">Name:

    -------------------------------------------属性选择器



    可以应用样式:


    title="Hello world">Hello world

       #只有标签有title的属性才会渲染样式

    ----------------属性和值选择器

    title="W3School" src="/i/w3school_logo_white.gif" />  #只有标签有title的属性且值等于W3School才会渲染样式

    追加技能:


    title="hello world">Hello world

    ------------------------------------------属性选择器和标签一起使用的方法

    <input type="text" name="Name" value="Bill" size="20">

    CSS