前端基础之CSS学习笔记

CSS 指层叠样式表 (Cascading Style Sheets)

 

一、CSS样式的注释：

  /*   */
 

二、HTML 中放置css的三种方法：

 1.放置在head的style标签中（内部样式） 　　　　 
<head>
 <style type="text/css">
     span {
      font-size: 30px;
     }
 </style>
</head>

 2.直接在标签中加style属性（内联样式） 

<div style="color: red;font-size: 18px;">aa</div>

 3.外部链接css文件（外部样式）

<head>
    <link rel="stylesheet" href='mycss.ccc' >
</head>

 

三、CSS样式优先级：

  内联样式拥有最高的优先权，它将优先于内部样式和外部样式表中的样式中的定义。
  原则：谁离标签近，谁的优先级高,同等水平时，比较精确度
              精确匹配优先级高于模糊匹配
              id 选择器 >  class选择器  >  span  > *
posted @ 2017-02-23 16:58  payneding  阅读(99)  评论(0)    收藏  举报