前端自學筆記(CSS部分1)

2021-10-07 13:24:25 字數 1153 閱讀 8802

css是層疊樣式表的簡稱,全稱cascading style sheets,也叫級聯樣式表或者css樣式表。css和html一樣,也是一種標記語言,css 主要用於設定 html 頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局和外觀顯示樣式。css 讓我們的網頁更加豐富多彩,布局更加靈活自如。簡單理解:css 可以美化 html , 讓 html 更漂亮, 讓頁面布局更簡單。css 最大價值: 由 html 專注去做結構呈現,樣式交給 css,即 結構 ( html ) 與樣式( css ) 相分離。

css 規則由兩個主要的部分構成:選擇器以及一條或多條宣告。

選擇器是用於指定scc樣式的html標籤,花括號裡的是對該物件設定的具體樣式。

屬性和屬性值是以鍵值對的形式出現的。

屬性是對指定的物件設定的樣式屬性,例如字型大小、文字顏色等。

屬性和屬性值之間用英文「:」分開。

多個「鍵值對」之間用英文「;」進行區分,例如:

所有的樣式,都包含在標籤內,表示是樣式表。一般寫到上方

h4 <

/style>

<

/head>

h3
展開格式

h3
個人比較推薦展開格式,因為看著更舒服。

小寫格式

h3
大寫格式

h3

強烈推薦用小寫格式 聽說後面就會強制小寫了,現在都可以,小寫格式看著也比較舒服。

h3
屬性值前面,冒號後面,保留乙個空格,選擇器(標籤)和大括號中間保留空格。

選擇標籤用的

找到所有的 h1 標籤。 選擇器(選對人)

設定這些標籤的樣式,比如顏色為紅色(做對事)

CSS自學筆記(1) CSS簡介

css cascading style sheet 級聯樣式表 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。同時css也是一種設計語言,是將正真的網頁表現和內容分離的設計語言。關於css的一些概述 樣式定義如何顯示html 元素 ...

CSS 自學筆記

2018 12 14 1 所有元素的錨點預設就是它的物理中心 2 改變錨點位置的方法 transform origin x axis y axis z axis 3 ps裡在層級裡選擇物件,右鍵可以copy css 4 devicepixelratio 裝置畫素比 在視網膜螢幕的iphone上,螢幕...

前端自學筆記06

1 學習目標 能寫出全部清除浮動的方式 能簡述定位的使用場景 能說出3種定位的特點 能寫出絕對定位的盒子居中的 能夠說出子絕父相的使用目的 為什麼沒有清除定位卻有清除浮動?因為定位有子絕父相,父盒子 會把位置佔好。2 定位模式轉換 3 css高階技巧 隱藏物件 display block 顯示某個元...