W3C的介紹中介紹CSS 指層疊樣式表 (Cascading Style Sheets), 樣式定義如何顯示 HTML 元素。瀏覽器將內容裝在一個元素裏面(一個盒子),而後CSS經過調整盒子背景、大小、顏色、樣式、內容的文本以及字體的大小,最後展現出咱們須要的排版樣式。css
css在使用的過程當中,有不少的參數須要記憶。特別是還有不少的瀏覽器的有本身獨有的參數,很難記憶。只有多使用,多查文檔。用的時候能夠到w3c.com中查詢 http://www.w3school.com.cn/cssref/index.asphtml
瀏覽器在處理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>
效果圖
學習