初识CSS

本文介绍了CSS的基本概念,包括层叠样式表的版本及其用途。详细解释了如何通过内联样式、内部样式和外部样式来应用CSS,并探讨了link标签与@import导入方式的区别。此外,还介绍了CSS的基本结构及各种选择器的应用。

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

一、css介绍

1、css(层叠样式表):叠加显示
2、版本:css1.0、css2.0、css3.0(兼容问题)
3、主流:css2

为什么要用css
在这里插入图片描述

二、如何引用css

三种:
1、内联样式:style属性
2、内部样式:style标签
3、外部样式:

  • link标签(主要使用)
  • @import导入

link标签和@import导入的区别:

  • link标签是一种标签,@import导入是css中导入文件的一个方法
  • 加载顺序不一样:link同时加载,import先加载页面,再加载样式。
  • 兼容性:import css2.1提出有兼容性问题
  • dom操作:dom可以操作link引入的样式表。

三、css基本结构

选择器{
	属性:;
}

四、选择器

1、标签选择器

标签名{
	color:red;
}

2、id选择器

#id名称{
	color:red;
}

3、类选择器

.类名{
	color:red;
}

4、通用选择器(网页上所有元素)

*{
	属性:;	
}

权重值:
通用:0
标签:1
class类:10
id:100
复合权重:各选择器相加之和

最高权重(优先级):

!import:加在属性值的后面
p{
	color:red !import;
}

style属性的优先级:高于内部或外部属性。

5、复合选择器

  • 后代选择器:空格
选择器1 选择器2 选择器3{
	属性:;
}
  • 子代选择器:>
选择器1>选择器2{
	属性:;
}
  • 并集选择器:,
选择器1,选择器2,选择器3{
	属性:;
}
  • 交集选择器:(没有任何分隔。如果有标签选择器,必须放在前面。)

属性的继承性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值