Web前端学习（二） Css的基础用法-优快云博客

本文链接：https://blog.youkuaiyun.com/taochaocaj/article/details/103859269

本文详细介绍了CSS（层叠样式表）的基础知识，包括其作用、基本语法、三种引入方式（内嵌式、内部式、外部式），以及如何使用标签、ID和类选择器。此外，还列举了常用的CSS样式，如背景颜色、背景图片、字体大小和边框设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS：层叠样式表(英文全称：Cascading Style Sheets)是一
种用来表现HTML（标准通用标记语言的一个应用）或XML（标
准通用标记语言的一个子集）等文件样式的计算机语言。CSS不
仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页
各元素进行格式化

[属性]：[属性值];

<div style="background-color: red">div1</div>

 <!--内嵌式-->
    <div style="background-color: red">div1</div>

<!--内部式-->
    <style type="text/css">
        body{
            /*背景颜色*/
            /*background-color: green; */
        }
    </style>

 <!--外部式-->
    <link rel="stylesheet" type="text/css" href="main.css">    /*mian.css 为外部定义的css文件*/

[标签名] {}

  body{
            background-color: green;
        }

#[ID值]{}

        #div_2{
            background-color: blue;
        }

.[类名]{}

.div_class{
            background-color: greenyellow;
        }

背景颜色：backgroud-color:【颜色】;
背景图片： background-image:url(【图片地址】)；
图片平铺：background-repeat:
repeat 水平垂直都平铺（默认）
repeat-x 水平平铺
repeat-y 垂直平铺
no-repeat 不平铺

字体大小：font-size:【具体大小】;
字体加粗： font-weight:
normal 正常（默认）
bold 加粗
lighter 变细
边框：border:边框类型，尺寸，颜色;