0
点赞
收藏
分享

微信扫一扫

CSS知识点01

彪悍的鼹鼠 2022-03-11 阅读 119

一.CSS是什么?

CSS的优点:

二、CSS引入方式

1.行内样式

 2.内嵌式

3.外链式

4.导入式

5.优先级

        遵循后来者居上原则,最后加载的标签会覆盖先加载的标签,一般行内样式优先级最高。

示例:

<link rel="stylesheet" type="text/css" href="css/01.css"/>
<style type="text/css">
		@import url("css/01.css");
			div{
				color: #DF0101;
			}
		</style>
	</head>
	<body>
		<div style="color: red;">内容</div>
    </body>
<!--该代码优先级从低到高 外链式<导入式<内嵌式<行内样式 ,该代码最后显示的颜色为红色-->

6. link和@import的区别

 三、选择器

权重:类似于优先级,优先级高的样式会覆盖优先级低的样式。

名称选择器示例示例说明权重
通配符选择器 **选择所有元素0.5
标签选择器 elementp选择所有<p>元素1
类选择器.class.in选择所有class="in"的元素10
id选择器#id#d1选择所有id="d1"的元素100
包含选择器 选择器E  选择器Fdiv span选择<div>元素内的所有<span>元素权重相加

四. CSS的长度单位

五. CSS中的颜色表达

 网页中颜色采用RGB模式显示(显示器)
 RGB颜色在CSS中的表达方式:

六、字体相关样式

举报

相关推荐

0 条评论