CSS简介及引入方式

CSS 介绍

现在互联网前端分为三部分：

  • HTML：超文本标记语言，从语义的角度描述页面结构
  • CSS：层叠样式表，从审美的角度负责页面样式
  • JS：JavaScript，从交互的角度描述页面行为

CSS：层叠样式表。

作用：
    给HTML页面标签添加各种样式，定义网页的显示效果。CSS将网页内容和显示样式进行分离，提高显示功能

优势：
    1、内容与表现分离
    2、网页的表现统一，容易修改
    3、丰富的样式，使页面布局更加灵活
    4、减少页面的代码量，增加网页浏览器速度，节省网络带宽
    5、运用独立页面的CSS，有利于网页被搜索引擎收录

CSS的引入方式

行内样式

<div>
    <p style="color: red">我是一个段落</p>
</div>

内接样式

<head>
    <style type="text/css">
        /*写我们的css代码*/
        span{
            color: red;
        }
    </style>
</head>

外接样式-链接式

<head>
    <link rel="stylesheet" href="./index.css">
</head>

外接样式-导入式

<head>
    <style type="text/css">
        @import url('./index.css');
    </style>
</head>

CSS样式的优先级

行内样式 > 内部样式 > 外部样式表

posted @ 2018-07-12 13:23  缘晓泽  阅读(111)  评论(0)    收藏  举报