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

最新推荐文章于 2025-06-30 17:16:53 发布

原创最新推荐文章于 2025-06-30 17:16:53 发布 · 1.3w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#span #html #css

html 专栏收录该内容

5 篇文章

订阅专栏

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

正想要处理选择器的一些事宜，却巧合的处理了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页面显示：