1. photoshop使用
組成:
選單項工具欄
輔助面板
提取碼: sc3v
快捷鍵:
ctrl + r : 顯示隱藏標尺
在標尺上可以拖拽參考線
可以通過移動工具拖拽回去,也可以在檢視選單中選擇清除所有的參考線
圖層中的小眼睛可以對當前圖層進行顯示隱藏
1. 通過矩形選框工具,選擇指定的區域
微調:alt 減少區域 shift 增加區域 上下左右鍵進行微調
利用參考線記錄量取的位置,以便以後測量其他的值
2. ctrl + c : 複製圖層
3. ctrl + n : 新建圖層
4. ctrl + v : 貼上圖層
5. 儲存為web格式
1. 啟動生成器
2. 影象資源
3. 重新命名圖層,自動獲取切圖
4. 可上傳到線上,方便資料獲取
2. float浮動
脫離文件流,延遲父容器靠左或靠右進行排列。
left、right、none
float注意點
只會影響後面的元素。
內容預設提公升半層。
預設寬根據內容決定。
換行排列。
主要給塊元素新增,但也可以給內聯元素新增。
如何清除浮動?
上下排列:clear屬性,表示清除浮動的,left、right、both
巢狀排列:
固定寬高 : 不推薦 , 不能把高度固定死,不適合做自適應的效果。
父元素浮動 : 不推薦 , 因為父容器浮動也會影響到後面的元素。
overflow : hidden (bfc規範) , 如果有子元素想溢位,那麼會受到影響。
display : inline-block (bfc規範),不推薦,父容器會影響到後面的元素。
設定空標籤 : 不推薦 , 會多新增乙個標籤。
after偽類 : 推薦,是空標籤的加強版,目前各大公司的做法。
( clear屬性只會操作塊標籤,對內聯標籤不起作用 )
3. css 定位
position :
static(預設)
relative
absolute
fixed
sticky
relative:
如果沒有定位偏移量,對元素本身沒有任何影響
不使元素脫離文件流
不影響其他元素布局
left、top、right、bottom是相對於當前元素自身進行偏移的
absolute:
使元素完全脫離文件流
使內聯元素支援寬高 (讓內聯具備塊特性)
使塊元素預設寬根據內容決定(讓塊具備內聯的特性)
如果有定位祖先元素相對於定位祖先元素發生偏移,沒有定位祖先元素相對於整個文件發生偏移(絕對、相對、固定)
fixed:
使元素完全脫離文件流
使內聯元素支援寬高 (讓內聯具備塊特性)
使塊元素預設寬根據內容決定(讓塊具備內聯的特性)
相對於整個瀏覽器視窗進行偏移,不受瀏覽器滾動條的影響
sticky黏性定位:
在指定的位置,進行黏性操作。
z-index定位層級。
4. pc端的布局
通欄 : 自適應瀏覽器的寬度。
版心 : 固定乙個寬度,並且讓容器居中。
知識拓展3
一 功能最強大文字編輯器 vim 命令列模式 n yy 複製第n行 p 貼上 n dd 刪除第n行 u 恢復 插入模式 i a 底行模式 shift w 儲存q 退出 wq!強制儲存退出 如何配置vim?vim etc vim vimrc 常用配置 開啟語法高亮 syntax on 顯示行號 set...
知識拓展4
1 gdb命令 1 查詢程式源 1 search forward 用來從當前行向前查詢第乙個匹配的字串 2 reverse search 用來從當前行向前查詢第乙個匹配的字串 3 list 行號 顯示指定行前後的 4 list 函式名 顯示函式 5 list 從當前行往後顯示 6 list 從當前行...
HTML CSS基礎知識
二 cs與bs 面試題 三 html使用 四 css 1.概述 html hypertext markup language 超文字標記語言。2.作用 編寫網頁內容的 3.常見標籤 1.table 2.img 3.超連結a 4.表單form 文字框 type text 密碼框 type passwo...