CSS學習總結

CSS學習總結

1、簡介

        W3C的介紹中介紹CSS 指層疊樣式表 (Cascading Style Sheets), 樣式定義如何顯示 HTML 元素。瀏覽器將內容裝在一個元素裏面(一個盒子),而後CSS經過調整盒子背景、大小、顏色、樣式、內容的文本以及字體的大小,最後展現出咱們須要的排版樣式。css

         css在使用的過程當中,有不少的參數須要記憶。特別是還有不少的瀏覽器的有本身獨有的參數,很難記憶。只有多使用,多查文檔。用的時候能夠到w3c.com中查詢        http://www.w3school.com.cn/cssref/index.asphtml


2、盒子模型

        瀏覽器在處理HTML標籤的時候,都是經過盒子模型進行排版。將內容放在這種盒子容器內,根據容器是行內標籤和塊級標籤最後在瀏覽器中造成樣式。下面是W3C網站的介紹java

    

     咱們用經過CSS來排版,在瀏覽器中形象的展現出,它們之間的區別瀏覽器

<!DOCTYPE html>
<html>
<head>
	<style>
		.test{
			background : gray;
			border : 5px solid red;
			
			height : 20px;
			width : 250px;
			font : italic bold 12px/20px arial,sans-serif;
			
			margin: 22px;
			padding : 25px;
		}
	</style>
</head>
<body>
	<div class="test">Begin Test Cascoding Style Sheets</div>
</body>
</html>

    效果圖
學習

相關文章
相關標籤/搜索