HTML CSS的拓展知識

2021-10-07 18:52:19 字數 1831 閱讀 3089

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...