• 中文
    • English
  • 注册
  • 查看作者
    • 1:CSS简介和语法、样式

      一.  CSS简介

      css全称:Cascading Style Sheets ,意为 :层叠样式表。所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的会覆盖层次低的,css可以分别为网页的多个层次设置样式。

      二.  基本语法

      CSS的样式表由一个一个的样式构成,样式由选择器和声明块构成

      语法:选择器 {样式名:样式值;样式名:样式值;…}

      p{
          color:red;
          font-size:24px;
      }

      三.  CSS样式分类

      1.  行内样式

      将样式写到标签内的style属性中,这种方式称为行内样式。行内样式只需要编写声明就好,不需要选择器
      缺点:

      • 结构与表现耦合

      • 代码不能重用

      • 不建议使用

      <p style="color:red;font-size:24px">段落</p>

      2.  内部样式

      将样式写到<style>标签中,这种方式称为内部样式。缺点:只能在单个网页中使用,代码重用率还是不高

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

      3.  外部样式

      将所有的样式保存到一个css文件中,然后通过<link>标签将样式引入到html文件中,这种方式称为外部样式。这种方式将样式表放在的HTML文件的外部,可以在多个页面进行引用,同时浏览器可以将css文件进行缓存,这是开发中使用最多的方式

      <link rel="stylesheet" type="text/css" href="style.css"/>

      3.  样式优先级

      行内样式优先级最高,外部样式和内部样式按照定义的顺序不同,优先级不同,后设置优先级较高。

      山东省·济宁市
    • 0
    • 0
    • 0
    • 1.5k
    • 十二

      请登录之后再进行评论

      登录

      赞助本站

      • 支付宝
      • 微信
      • QQ

      感谢一直支持本站的所有人!

      单栏布局 侧栏位置: