CSS简介

发布于:2022-12-06 ⋅ 阅读:(174) ⋅ 点赞:(0)

目录

1、什么是CSS?

2、怎么在html文件中嵌入CSS?

3、内联定义(内联样式)

4、定义内部样式块对象(内部样式)

5、链入外部样式表文件(外部样式)

6、CSS中常见选择器

notes:选择器的优先级:id>class>标签


1、什么是CSS?

Cascading  Style  Sheet    层叠样式表,用来修饰html。

2、怎么在html文件中嵌入CSS?

第一种方式:内联定义 (内联样式)

第二种方式:定义内部样式块对象(内部样式)

第三种方式:链入外部样式表文件(外部样式)

3、内联定义(内联样式)

<标签  style="属性名:属性值;属性名:属性值;"></标签>

4、定义内部样式块对象(内部样式)

<!DOCTYPE  HTML>

<html>

    <head>

    <meta charset="utf-8">

    <title></title>
    
    <style>
    
    选择器{

        属性名:属性值;
    
        属性名:属性值;

        属性名:属性值;

        }

    </style>

    </head>

    <body>

    </body>

</html>

5、链入外部样式表文件(外部样式)

<head>

    <link  href="*****.css"   rel="stylesheet"  type="text/css"   />

</head>

6、CSS中常见选择器

  • 标签选择器

  • id选择器

以#开头

  • class选择器

.开头

notes:选择器的优先级:id>class>标签

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到