認識DIV+CSS

來源:互聯網
上載者:User

                做新聞發布系統時接觸到了DIV+CSS,它是一種網頁的布局方法,它有別於傳統的HTML網頁設計語言中的表格(table)定位方式,真正地達到了W3C內容與表現的分離。

       CSS(Cascading Style Sheet,可譯為“層疊樣式表”或“階層式樣式表”)是一組格式設定規則,用於控制Web頁面的外觀。通過使用CSS樣式設定頁面的格式,可將頁面的內容與表現形式分離。頁面內容存放在HTML文檔中,而用於定義表現形式的CSS規則則存放在另一個檔案中或HTML文檔的某一部分,通常為檔案頭部分。將內容與表現形式分離,不僅可使維護網站的外觀更加容易,而且還可以使HTML文檔代碼更加簡練,縮短瀏覽器的載入時間。

CSS的核心內容:

1、標準流(HTML標籤的排列順序)

2、盒子模型

3、浮動(float)

4、定位(position)

注意事項:

多個樣式一起使用只限於類別選取器,因為網頁裡每一個ID選取器都是唯一的。

(區塊層級元素(div整行);行內元素(span自身)。有時候可以將區塊層級元素轉換為行內元素來達到布局想要的效果)

隨著以後對他們的不斷認識還會有更多的內容需要積累...

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.