前端基礎 CSS簡介

2021-09-12 01:14:20 字數 508 閱讀 3064

css是什麼:

css樣式,css (cascading style sheets) :指層疊樣式表

作用:

渲染,html頁面更好看

css的**規則:

選擇器如何在html中引入css樣式**

a.行內樣式:在標籤的style屬性值中寫css**,注意,此時選擇器和大括號不用寫,只需要 屬性名:屬性值;屬性名:屬性值

只對該標籤有效

b.內部樣式:在head標籤的子標籤

c.外部樣式:在另外乙個檔案中寫,這檔案他的字尾必須是.css 注意不能省略選擇器和大括號

通過head標籤的另外乙個子標籤 標籤引入剛剛寫的***.css

如果三種樣式裡有衝突的屬性值: 就近原則

前端CSS基礎

頁面布局要學習三大核心,盒子模型,浮動 和 定位。學習好盒子模型能非常好的幫助我們布局頁面 網頁布局過程 先準備好相關的網頁元素,網頁元素基本都是盒子 box 利用 css 設定好盒子樣式,然後擺放到相應位置。往盒子裡面裝內容 網頁布局的核心本質 就是利用 css 擺盒子 所謂盒子模型 就是把htm...

前端CSS基礎

目錄二 scc 書寫位置 引入方式實戰 三 css注釋管理 四 基本選擇器 重要 五 組合選擇器 重點 六 屬性選擇器 七 分組與巢狀 八 偽類選擇器 一 css 1.什麼是css?css cascading style sheet,層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表,它就...

web前端之CSS簡介

css 指層疊樣式表 cascading style sheets 樣式定義如何顯示 html 元素 樣式通常儲存在樣式表中 把樣式新增到 html 中,是為了解決內容與表現分離的問題 外部樣式表可以極大提高工作效率 外部樣式表通常儲存在 css 檔案中 多個樣式定義可層疊為一 樣式表允許以多種方式...