CSS简介

CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术。

1、前段最核心的三个技术是HTML、CSS、JavaScript。

三者的关系如下:

HTML控制网页的结构,CSS控制网页的外观,JavaScript控制网页的行为。

2、CSS引入方式

主要有以下三种:

外部样式表

内部样式表

行内样式表

1.外部样式表在单独的文件中定义,然后在HTML文件中的<head></head>标签对中使用link标签来引用。实际开发中一般采用外部样式表。

语法:

<link rel="stylesheet" type="text/css" href="文件路径"/>
2.内部样式表,指的是HTML代码和CSS代码放在同一个文件中。其中,CSS代码放在style标签内,并且style标签是放在head标签内部的。

语法:

<style type="text/css">
......
</style>

3.行内样式表,跟内部样式表类似,也是把HTML代码和CSS代码放在同一个HTML文件中。但是这两者有着本质的区别:内部样式表的CSS是在"style标签"中定义的,而行内样式表的CSS是在"标签的style属性"中定义的。

<body>
<div style="color:red";>绿叶,给你初恋般的感觉。</div>
</body>

4.@import引入方式,我们不必去了解。

3、CSS选择器

最常用的五种选择器:

元素选择器

id选择器  

使用这种选择器,id名前要加上#。

class选择器

使用这种选择器,class名前要加上前缀.(英文点号)

后代选择器

群组选择器


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

软件测试李同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值