css學習筆記

css是什麼

css怎麼用

css選擇器（重點+難點）

美化網頁

盒子模型

浮動定位

網頁動畫（特效效果）

cascading style sheet 層疊級聯樣式表

css: 表現（美化網頁）

字型、顏色、邊距、高度、寬度、背景、網頁定位、網頁浮動

css1.0

css2.0 div(塊) + css, html與css結構分離的思想，網頁變得很簡單， seo

css2.1 浮動，定位

css3.0 圓角，陰影，動畫…… 瀏覽器相容性！


titletitle>
h1 style>
head>
body>
html>

建議使用這種規範

css的優勢：

內容和表現分離

網頁結構表現統一，可以實現復用

樣式十分的豐富

建議使用獨立html的css檔案

利用seo，容易被搜尋引擎收錄！

1.4、css的3種匯入方式


titletitle>
h1 style>
head>
body>
html>

拓展：外部樣式兩種寫法

html

@import url("")是css2.1特有的


@import url("css/style.css")
style>

出處注本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將變得臃腫。2.css的應用方式...

當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表位於標籤內部 4.內聯樣式在html 元素內部因此，內聯樣式在html 元素內部擁有最...