web公选课第三节2020.5.18
生活随笔
收集整理的這篇文章主要介紹了
web公选课第三节2020.5.18
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文章目錄
- css基礎
- 樣式表
- 內聯
- 常用屬性
- 內部樣式表
- style的位置樣例
- 外部樣式表【文件】
- 使用位置
- link rel="stylesheet"
- 樣例
- 優先級
- 選擇器
- 元素選擇器【類型】
- id選擇器：#號
- 類：.號
- 屬性【帶有某屬性的】
- w3c上還有子標簽的，這里就不管了
- 語法規則
- 注釋/**/
- 字符集
- 優先級
- 標了的優先級高
- 兼容
- 取值與單位（略）
- 常用樣式
- 背景 background
- 顏色
- 圖片
- 依照這個例子也可以考慮body是哪里
- 圖片平鋪方式
- 引用時用括號
- 可以不平鋪
- 圖像滾動還是固定
- 固定與滾動
- 定位
- 定位（center，top一類）
- 關鍵詞定位
- 像素定位
- 不錯的百分比（50%默認為center）
- 簡寫例子
- 盒模型
- 很重要的圖
- 內邊距padding
- 邊框border
- 邊框樣式
- 外邊距margin
- 外邊距會合并！！！！！
- 文本修飾
- 縮進
- 對奇
- 裝飾（下劃線，上劃線，刪除線等）
- 轉換（大小寫）
- 間距
- 字體
- 五種通用字體
- 正常，斜體等
- 大號小號
- 粗細
- 大小
- 簡寫
- 超鏈接元素的css
- 4種狀態，hover和active有特殊要求
- display的屬性！！！
- 對列表用css
- 樣式類型（abc，ABC，123.......）
- 樣式圖片（圖標）
- 位置
- 簡寫
- 表格用css
- 折疊邊框
- 距離
- 標題位置
- 空單元格顯示方式
- 布局
- 定位
- 左上角的點為原點
- 絕對定位
- 相對定位（相對起點）
- 層疊效果
- 浮動！！！！
- 浮動效果
- 卡住hhhhhhhh
- 浮動效果eg
- div圖片浮動，p未浮動，影響了p標簽
- 這里調成寬高一樣了，所以用背景
- 清理浮動（處理之前p標簽那種）
css基礎
樣式表
內聯
常用屬性
內部樣式表
style的位置樣例
外部樣式表【文件】
使用位置
link rel=“stylesheet”
樣例
優先級
選擇器
元素選擇器【類型】
id選擇器：#號
類：.號
屬性【帶有某屬性的】
w3c上還有子標簽的，這里就不管了
語法規則
注釋/**/
字符集
優先級
標了的優先級高
兼容
取值與單位（略）
常用樣式
背景 background
顏色
圖片
依照這個例子也可以考慮body是哪里
圖片平鋪方式
引用時用括號
可以不平鋪
圖像滾動還是固定
固定與滾動
定位
定位（center，top一類）
關鍵詞定位
像素定位
padding為0時
不錯的百分比（50%默認為center）
簡寫例子
盒模型
很重要的圖
內邊距padding
邊框border
邊框樣式
外邊距margin
外邊距會合并！！！！！
文本修飾
縮進
對奇
裝飾（下劃線，上劃線，刪除線等）
轉換（大小寫）
間距
字體
五種通用字體
正常，斜體等
大號小號
粗細
大小
簡寫
超鏈接元素的css
4種狀態，hover和active有特殊要求
display的屬性！！！
對列表用css
樣式類型（abc，ABC，123…）
樣式圖片（圖標）
位置
簡寫
表格用css
折疊邊框
距離
標題位置
空單元格顯示方式
布局
定位
左上角的點為原點
絕對定位
相對定位（相對起點）
層疊效果
浮動！！！！
浮動效果
卡住hhhhhhhh
浮動效果eg
div圖片浮動，p未浮動，影響了p標簽
這里調成寬高一樣了，所以用背景
清理浮動（處理之前p標簽那種）
總結
以上是生活随笔為你收集整理的web公选课第三节2020.5.18的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： EUI库 - 快速入口之项目配置
- 下一篇： 高并发编程-CountDownLatch