什么是CSS

wwaitings

于 2021-08-07 10:16:02 发布

阅读量44

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/m0_48219937/article/details/119477507

版权

CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、什么是CSS

在这里插入图片描述

1.1 什么是CSS

Cascading Style Sheet 层叠联级样式表
CSS：表现（美化网页）
字体，颜色、编剧、高度、宽度、背景图片、网页定位、网页浮动…

1.2、快速入门

按照好的规范建立文件
在这里插入图片描述

把html和css结合在一起写:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<!--    规范，<style> 可以编写css代码，每一个声明最好使用分号结尾
语法：
    选择器{
        声明1;
        声明2;
        声明3;
    }
-->
    <style>
        h1{
            color: red;
        }
    </style>
    
</head>
<body>

<h1>我是标题</h1>


</body>
</html>

html和css分离:
在这里插入图片描述

1.3 CSS的三种导入方式

在这里插入图片描述
外部样式两种方法

链接式
html

<!--外部样式-->
  <link rel="stylesheet" href="css/style.css">

导入式
@import是CSS2.1特有的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>枷锁</title>

  <style>
    @import url("css/style.css");
  </style>
</head>
<body>

<h1>我是标题一</h1>

</body>
</html>

wwaitings

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
什么是CSS

1、什么是CSS1.1 什么是CSSCascading Style Sheet 层叠联级样式表CSS：表现（美化网页）字体，颜色、编剧、高度、宽度、背景图片、网页定位、网页浮动…1.2、快速入门按照好的规范建立文件把html和css结合在一起写:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title
复制链接

扫一扫

专栏目录