前端css样式及选择器

标题：

1.scc概述

2.行内样式

3.内接样式

4.外接样式（链接式）    推荐使用

5.外接样式（导入式）

6.嵌套规则

7.css选择器

 

1.scc（Cascading Style Sheets）层叠样式表

　　当前CSS前端分为三层：

• HTML：超文本标记语言。从语义的角度描述页面结构。

• CSS：层叠样式表。从审美的角度负责页面样式。

• JS：JavaScript 。从交互的角度描述页面行为

css的作用其实就是给HTML页面标签添加各种样式，定义网页显示效果，将网页内容和显示样式进行分离

css缺点：兼容性不是太好；要求浏览器足够智能化；数据和显示没有分开；功能还不够强大

css有点：使数据和显示分开；降低网络流量；使整个网络视觉效果一样；降低了耦合性，提高了开发效率

2.行内样式

<div>
    <p style="color: green">这是行内样式p>
div>

3.内接样式

<style type="text/css">
    /*2.内接样式*/
        p{
            color: red;
            font-size: 20px;
        }
    style>

4.外接样式（链接式）    推荐使用

"stylesheet" type="text/css" href="./main.css">

建立一个index.css的文件，在主页面把它导入：

5.外接样式（导入式）

 将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，