CSS 瞭解一下
CSS 層疊樣式表
概念
決定頁面的樣式:配色、佈局。
CSS 與 HTML 的結合方式
style 屬性、style 標籤、link 標籤引入。
CSS 的選擇器
標籤選擇器、ID 選擇器、class 選擇器、選擇器分組、偽類選擇器。
CSS 的基本語法
選擇器 {
屬性鍵:屬性值;
屬性鍵:屬性值1 屬性值2 ....;
}
註釋
與 Java 中多行註釋相同。
/* 註釋內容 */
CSS 的常用屬性
顏色單位 Color Units
RRGGBB rgb ( R,G,B ) Color Name
長度單位 Length Units
em ex px 畫素(常用)pt pc in cm mm
單位換算:1in = 2.54cm = 25.4 mm = 72pt = 6pc
屬性
color 文字顏色
font-family 文字樣式
font-size 文字大小
font-style 文字樣式(斜體...)
font-weight 文字加粗
font-variant 異性字
最後,希望大家有所收穫。
相關文章
- CSS註釋瞭解一下CSS
- 瞭解一下Bootstrapboot
- table 元件瞭解一下?元件
- Swift GCD 瞭解一下SwiftGC
- this.$toast() 瞭解一下?AST
- JSX,瞭解一下?JS
- 瞭解一下SQL ServerSQLServer
- async函式,瞭解一下函式
- Immutable.js瞭解一下?JS
- RecyclerView.smoothScrollToPosition瞭解一下View
- React-HOC瞭解一下React
- 木桶佈局,瞭解一下
- 策略模式不瞭解一下?模式
- iOS挖礦瞭解一下?iOS
- react-router瞭解一下React
- require.js瞭解一下UIJS
- 應用層,瞭解一下
- async/await,瞭解一下?AI
- HTTP快取瞭解一下HTTP快取
- 我所瞭解的 CSSCSS
- JS事件迴圈,瞭解一下?JS事件
- redux-saga 瞭解一下Redux
- Android Camera瞭解一下Android
- Flutter ListView 拖拽排序瞭解一下FlutterView排序
- 手寫promise,瞭解一下(二)Promise
- Java鎖機制瞭解一下Java
- iOS Push詳述,瞭解一下?iOS
- 手寫promise,瞭解一下(一)Promise
- Java 鎖機制瞭解一下Java
- 何為Linux,瞭解一下?Linux
- 前端重構方案瞭解一下前端
- NativeScript-Vue,瞭解一下?Vue
- 元件化開發瞭解一下?元件化
- 你以為 CSS 只是個簡單的佈局?裝逼指南瞭解一下CSS
- [譯]HTML&CSS Lesson3: 瞭解CSSHTMLCSS
- 瞭解CSS/CSS3原生變數varCSSS3變數
- 後生,React-Hooks瞭解一下ReactHook
- 伺服器推送 SSE 瞭解一下?伺服器