在網頁制作中，源代碼和CSS都是非常重要的因素。源代碼是定義網頁結構和內容的基本元素，而CSS則是用來定義網頁的樣式和布局。下面我們具體來看一下這兩種元素的作用：
<html>
<head>
<title>我的網頁</title>
<style>
p {
font-size: 16px;
color: #333;
line-height: 1.5;
}
</style>
</head>
<body>
<p>這是一段文本</p>
</body>
</html>上面所示的源代碼包括HTML標記和CSS樣式定義。在這個例子中，CSS定義了<p>標簽的樣式和屬性。其中，font-size用于定義字體大小，color定義了文本顏色，line-height用于定義文本行高。
與源代碼不同的是，CSS元素是用來控制網頁外觀的。它們可以通過樣式表定義直接應用于網頁元素。
<style>
p {
font-size: 16px;
color: #333;
line-height: 1.5;
}
</style>在上面的代碼中，我們使用<style>標記將樣式表嵌入到網頁中。在樣式表中，我們用p選擇器來定義了所有<p>標簽的樣式。在這個例子中，我們將所有<p>元素的字體大小設置為16px，顏色設置為#333，行高設置為1.5。
通過HTML標記和CSS樣式定義，我們可以給網頁添加各種各樣的效果和功能。這些元素可以幫助我們更好地組織內容、控制樣式和布局，以提高網頁的可用性、可讀性和吸引力。