• 中文
    • 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.7k
  • 十二

    请登录之后再进行评论

    登录
    单栏布局 侧栏位置: