CSS~~

CSS是一门语言,用于控制网页表现

CSS(Cascading Style Sheet):层叠样式表

W3C标准:网页主要由三部分组成

        结构:HTML

        表现: CSS

        行为:JavaScript

1,CSS的导入方式

(1)内联样式

在标签内部使用style属性,属性值是css属性键值对

<div style="color:red">Hello CSS~</div>

(2)内部样式

定义<style>标签,在标签内部定义css样式

<style type="text/css">
    div{
        color:red;
    }
</style>

(3)外部样式

定义link标签,引入外部的css文件

<link rel="stylesheet" href="demo.css">

demo.css:
div{
  color:red;
}

2,CSS选择器

概念:选择器是选取需设置样式的元素(标签)

div{

        color:red;

}

(1)元素选择器

元素名称{color:red;}

div{color:red;}

(2)id选择器

#id属性值{color:red;}

#name{color:red;}
<div id="name">hello css2</div>

(3)类选择器

.class属性值{color:red;}

.cls{color:red;}
<div class="cls">hello css3</div>
    <style>
        div{
            color:red;
        }

        #name{
            color: blue;
        }

        .cls{
            color: pink;
        }

    </style>
</head>
<body>

<div>div1</div>
<div id="name">div2</div>
<div class="cls">div3</div>

<span class="cls">span</span>

</body>

3,CSS属性

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值