2021-08-07

Posted 2023-02-19 阿伟丫

CSS概述：[cascading Style Sheet]
    知识要点：CSS就是修饰网页的一种技术使用。
    css样式表可以对同一个网页内容进行不同修饰产生不同的风格页面，便于网页风格的切换换。
    使用css的优势：
        1、在css样式表中，提供丰富的属性与各种取值，使用样式表能对网页内容进行所想即所得的各种修饰。
        2、内容与修饰分离，有利于项目开发：
            使用css样式表可以做到网页内容与修饰美化的分离，或者成为内容与表现分离。
        3、提高开发效率：
            同一个网站的多少个页面可以使用同一个样式，同一个页面中的多个标签可以使用同一个样式，提高了网站的开发效率，同时也方便了网站的开发和维护。
        4、实现网页的精准控制：
            css样式具有强大的样式控制能力和排版布局能力，通过各种选择器对页面元素的控制，不仅能修饰封面内容，还能控制页面元素的位置。
            样式表构成：样式表的基本语法由：①选择器 ②属性 ③属性值 构成
            css代码建议全用小写。每行编写一条样式规则。使用“/*.....*/”添加必要注释、
            知识要点：根据根据样式表的书写位置，可以将样式表分为外部样式表，内嵌样式表和行内样式表。
            外部样式表的使用：将样式规则定义在样式表文件中，不同的页面均可以导入样式表文件并使用。

链接外部样式表：

<link rel="stylesheet" href="路径">

 导入外部样式表：

<style type="text/css">@import"css/style,css";</style>

 导入样式表文件：可通过link方式或import方式导入样式表文件，一般用link方式。
            内嵌样式表的使用：在页面style标签中定义样式规则,当前页面元素均可以使用。
            行内标签的使用：将将样式规则定义在标签的style属性中，只有当前元素可以使用。
            不同样式表的使用场合：
                ①行内样式表不建议使用，在实际项目开发中主要使用外部样式表。
                ②内嵌样式表一般在做练习的时候使用