前端基礎框架 css

2022-06-06 13:15:10 字數 936 閱讀 1776

css是讓html讓他更加的好看修飾

css屬性可以在三處寫

背景色

第二種方法是在head裡面寫

需要和body裡面建立關係

被那個色

第三種我們寫到乙個檔案裡

新建乙個css檔案

#引入乙個檔案

被那個色

被那個色

通過用link 引入到當前的html中

**如下

背景背景色1

背景色2

他們的優先以標籤為屬性,由近到遠

選擇器第乙個選擇器是id選擇器

id 倆個id 用乙個就報錯了

這時候就有class屬性了

#第一優先順序標籤中的

class選擇器

class選擇器

class選擇器

不同顏色的怎麼辦呢加乙個

需求所有的 標籤都是綠色的

乙個點

div 這個標籤是個偽白板標籤

他是乙個標籤選擇器

還有就是層級選擇器

就是div之中包裹著 span 

dsx

前端CSS基礎

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

前端CSS基礎

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

前端基礎 css筆記

css的四種引入方式 1.行內式 顯示優先順序最高 hello 2.嵌入式3 鏈結式 4.匯入式注意 匯入式會在整個網頁裝載完後再裝載css檔案,因此這就導致了乙個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下之後,再出現網頁的樣式。這是匯入式固有的乙個缺陷。使用鏈結式時與匯入式不同的是...