美文网首页
css零基础到入门第一章【基础认知】

css零基础到入门第一章【基础认知】

作者: by依白 | 来源:发表于2023-10-03 02:42 被阅读0次

一、基础认知

1 css介绍

css:层叠样式表
作用:让网页变得更加漂亮
语法:选择器{属性:值}
例:p{color:red}

2.css引入方式

2.1内嵌式

写在style标签中,通常写在head标签中


image.png
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    
        <style>
            p{
                color:red;
            }
        </style>
    </head>
    <body>
        <p>今天你学习了吗?</p>
    </body>
</html>

2.2外联式

写在单独css文件中,需要通过link标签引入

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
<link rel="stylesheet" href="css/new_file.css">
    </head>
    <body>
        <p>今天你学习了吗?</p>
    </body>
</html>

2.3行内式

写在标签的style属性中

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p style="color: red;">今天你学习了吗?</p>
    </body>
</html>

相关文章

  • 2020版本Java300集资料免费分享福利

    2020年,Java零基础到精通资料教材,零基础入门Java,包含Java快速入门课程,干货分享,新基础Java教...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端开发基本技术要求

    第一阶段 入门,打基础同时能参与到项目中去。 HMTL & XHTML CSS基础知识 JavaScript基础知...

  • 深度学习

    零基础入门深度学习(1) - 感知器零基础入门深度学习(2) - 线性单元和梯度下降零基础入门深度学习(3) - ...

  • WEB 前后端开发学习资料

    1.前端 基础入门知识 语言基础入门知识的网站:http://www.runoob.com/ CSS/HTML 基...

  • Java学习规划

    概述 本文档主要说明java学习计划。 Java基础(2周) java零基础入门到精通(2019版) Java基础...

  • web前端笔记2:CSS入门

    学习和完成任务二的笔记任务二:零基础HTML及CSS编码(一) 学习的资料 MDN HTML入门 [MDN CSS...

  • 新手入门!给零基础小白专门打造的色彩基础教程

    新手入门!给零基础小白专门打造的色彩基础教程 新手入门!给零基础小白专门打造的色彩基础教程

  • CSS第一小节第一天

    CSS基础入门 什么是CSS? CSS 指层叠样式表 (Cascading Style Sheets) CSS通常...

  • 根本没有什么零基础入门

    市面上充斥着大量所谓coding零基础入门的书籍,或者号称零基础入门的书籍。实际上真正做到零基础入门,是很难的一件...

网友评论

      本文标题:css零基础到入门第一章【基础认知】

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