尚硅谷web前端工程師1000集學習筆記25

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字體的樣式</title>
		<style type="text/css">
			
			.p1{
				/*設置字體顏色,使用color來設置文字的顏色*/
				color: red;
				/*
				 * 設置文字的大小,瀏覽器中一般默認的文字大小都是16px
				 	font-size設置的並不是文字本身的大小,
				 		在頁面中,每個文字都是處在一個看不見的框中的
				 		我們設置的font-size實際上是設置格的高度,並不是字體的大小
				 		一般情況下文字都要比這個格要小一些,也有時會比格大,
				 		根據字體的不同,顯示效果也不能	
				 * */
				font-size: 30px;
				
				/*
				 * 通過font-family可以指定文字的字體
				 * 	當採用某種字體時,如果瀏覽器支持則使用該字體,
				 * 		如果字體不支持,則使用默認字體
				 * 該樣式可以同時指定多個字體,多個字體之間使用,分開
				 * 	當採用多個字體時,瀏覽器會優先使用前邊的字體,
				 * 		如果前邊沒有在嘗試下一個
				 */
				/*font-family: arial , 微軟雅黑;*/
				
				/*
				 * 瀏覽器使用的字體默認就是計算機中的字體,
				 * 	如果計算機中有,則使用,如果沒有就不用
				 * 
				 * 在開發中,如果字體太奇怪,用的太少了,儘量不要使用,
				 * 	有可能用戶的電腦沒有,就不能達到想要的效果。
				 */
				/*font-family: 華文彩雲 , arial , 微軟雅黑;*/
				
				font-family: "curlz mt";
				
			}
			
		</style>
	</head>
	<body>
		
		<p class="p1">
			我是一個p標籤,ABCDEFGabcdefg
		</p>
		
	</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章