CodePen Embed

<body>
<span class="span-1">這裡是網頁第一個<span class="span-2">span</span>的內容</span>
<span class="span-2">這裡是網頁第二個<span class="span-1">span</span>的內容<div class="block-3">這是在第二個span內插入的div</div><span class="span-2">內容</span></span>
<div class="block-3">這裡是網頁div的內容<span class="block-1">這是在網頁div內插入的span</span>區塊</div>
</doby>

.span-1 { 
  color: blue; 
  font-family:微軟正黑體; 
  font-size: 20pt; 
}
.span-2 { 
  color: red; 
  font-family:新細明體; 
  font-size: 16pt; 
}
.block-3 { 
  color: green; 
  font-family: 標楷體; 
  font-size: 18pt; 
}

This Pen is owned by Tedutw on CodePen.

See more by @Tedutw on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.