CSS简介

作者: 随心_追梦 | 来源:发表于2022-11-17 09:47 被阅读0次

CSS又称层叠样式表,实际上网页是一个嵌套的层叠结果,多层摞在一起,我们看到的只是最上面一层的样式。通过CSS,我们可以修改每一层的样式。

使用CSS修改元素样式的方式如下:

第一种方式(内联样式、行内样式),不推荐使用
1、在标签内通过style属性来设置元素的样式,以分号结尾。
2、缺点不利于复用,不利于维护

        <p style="color: red; font-size: 20px;">我在学习CSS样式</p>

第二种方式(内部样式表)
1、在head标签中,添加style标签,然后通过CSS样式选择器来为选中的元素设置样式,利于复用和维护。
2、缺点,内部样式表仅对当前网页起作用,不可夸网页复用。

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

第三种方式(外部样式表),推荐使用
1、可以将CSS内容编写到一个外部的CSS文件中,然后通过link标签引入使用
2、有利于多个页面之间的复用,推荐使用
3、将样式表编写在外部样式表中,有利于使用浏览器的缓存机制,提升加载速度,提高用户体验。

    <link rel="stylesheet" href="style.css">

基础语法

1、注释: /* */
2、选择器 声明块
选择器:通过选择器可以选择页面中的指定元素,比如p的作用就是选择页面中所有的p元素
声明块:通过声明块来为选择器指定的元素设置样式,声明块由一个一个的声明组成,是一个明值对结构。

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

相关文章

  • w3cshcool CSS笔记 - 草稿

    目录 ### CSS简介 ### CSS语法 ### CSS创建 ### CSS简介 - 样式层叠次序 - 一...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • CSS基础笔记

    【CSS简介】 《css简介》 css指的是层叠样式表(cascading style sheets),作用是负责...

  • 一,CSS简介

    一,css简介: 简介: 什么是CSS?全称:Cascading Style Sheets 层叠样式表 CSS的作...

  • CSS 教程

    CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...

  • css大纲

    css 基础 CSS 简介 在 html 中使用 css link 和 @import CSS 选择器 CSS 优...

  • CSS: 简介

    CSS是什么 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器...

  • css简介

    CSS简介 层叠样式表 (Cascading Style Sheets,缩写为 CSS), 是一种 样式表 语言,...

  • CSS简介

    CSS(Cascading Style Sheets):层叠样式表,它用来控制HTML标签的样式,在美化网页中起到...

  • CSS简介

    1. 什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 H...

网友评论

      本文标题:CSS简介

      本文链接:https://www.haomeiwen.com/subject/hvtpxdtx.html