您的当前位置:首页正文

【实例】html中span标签的css样式添加

2024-11-13 来源:个人技术集锦

----------------------------------------------------------------------------

            正想要处理选择器的一些事宜,却巧合的处理了css加入html中的问题= =,菜鸟进阶中

            此后,就是如何选择文本中的特定文字,进行span标定,已经样式的改变;以及提取父级

----------------------------------------------------------------------------

代码:

<!DOCTYPE HTML>
<head>
<meta equiv="Content-Type" content="text/html" charset="utf-8">

<title>span标签与css</title>
  
<html>
    
<head>
    
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<style type="text/css">
		span{font-size: 26px;font-weight:bold;
	color:#ff6633;}
        h2{font-size: 30px;color:#ff6633;}
	</style>
    
</head>
    
<body>
	<h2>简单的标题</h2>
    
	<div style="font-size:20px;font-weight:bold;">字体的大小</div>
    
     <p class="tip">就是一些简单的提醒<span>提示:</span>... ... ...</p>
    

</body>

--------------------------------------------------------------------

web页面显示:

--------------------------------------------------------------------

显示全文