CSS

最新推荐文章于 2022-11-16 11:43:29 发布

Aseveng

最新推荐文章于 2022-11-16 11:43:29 发布

阅读量212

点赞数

分类专栏：网页前端

本文链接：https://blog.csdn.net/Aseveng/article/details/78424453

版权

网页前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择器</title>
<style>
div{
	background-color:#03C;
	color:#6F6;
}
 *.haha{
	background-color:#039;
	color:#000;
}
/*
预定义样式 可以实现动态加载
*/
.hehe{
	background-color:#C0F;
	color:#096;
}
div#qq{/* 通常id的取值在页面中是唯一的 因为该属性除了给css使用 还可以被js使用 id通常都是为了去标识页面中的一些特定区域使用的*/
	background-color:#CF0;
	color:#F00;

}
</style>
</head>
<!--
选择器 就是指定css要作用的标签 有三种
	1 html标签名选择器
    2 class选择器
    3 id选择器 
    
    优先级 id>class>html 
    但都没有直接写style属性优先
-->

<body>
	
	<div id="qq"><b>这是一个div区域1</b> </div>
    <div  class="haha">这是一个div区域2</div>  
      
    <span>span<b>区域</b>1</span>  
    <span class="haha">span2</span>  
      
    <p class="hehe">这是一个段落1</p>  
    <p>这是一个段落1</p>
</body>
</html>