CSS简介

轩陌

分类: HTML/CSS 3726 0

CSS 概述

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表中
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件中
  • 多个样式定义可层叠为一

css引入方式

  1. 内嵌式:(写在标签里)
  2. 
    <div style="width: 100px; height: 100px; background: #ccc;"></div>
    
  3. 内联式:(写在style标签里)
    
      body{ background: #000; }
    
  4. 外联式:(常用)
  5. 
    <!--通过标签引入-->
    <link rel="stylesheet" href="http://file.xuanmomo.com/iconfont.css" />
    
  6.  导入式:(做了解)
    
    <style>
      @import url();
    </style>
    

层叠次序:浏览器默认<外联式<内联式<内嵌

css选择器

  1. id类选择器 #name
  2. class类选择器 .name
  3. 标签选择器
  4. 混合类选择器(越详细优先级越高)

css选择器权重与优先级规则

  1. 第一等:代表内联样式,如: style=””,权值为1000。
  2. 第二等:代表ID选择器,如:#content,权值为100。
  3. 第三等:代表类,伪类和属性选择器,如.content,权值为10。
  4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
  • 5人 Love
  • 1人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
css、前端笔记

作者简介: 轩陌

打赏

生命的意义在于折腾,一直努力成长中,期待梦想实现的那刻。

共 0 条评论关于 “CSS简介”

Loading...