CSS简介

9 篇文章 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>标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值