CSS样式中的px和pt单位在网页设计中是非常常见的两个单位，它们分别表示像素和点。

p { 
font-size: 16px; 
} 
p { 
font-size: 12pt; 
}

在CSS中，px是像素单位，它表示屏幕上的像素数量。在设计网页时，我们通常使用像素单位来确定元素的大小和距离。

相比之下，pt是印刷术语中使用的点单位，它表示打印机输出时的点数量。在设计打印介质时，pt单位是更为合适的选择，因为它可以确保在不同屏幕上输出的大小相对一致。

div { 
width: 400px; 
margin: 20px; 
padding: 10px; 
} 
div { 
width: 3in; 
margin: 0.5in; 
padding: 0.25in; 
}

在CSS中，像素和点单位都有其自身的优缺点，我们需要根据具体的设计需求来选择。

在使用CSS样式时，我们应该注意单位的区别，避免混淆使用。