css學習筆記

2022-10-11 14:12:12 字數 851 閱讀 1285

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>

CSS學習 CSS學習筆記

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

CSS學習 CSS學習筆記

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

CSS 學習筆記

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