佐切的第二天學習分享

2021-08-02 13:32:06 字數 2668 閱讀 1700

找到乙個自己想學習模仿的**進行製作,好開始,我之前找了挺長時間,很多**文字太多而且也不好看,沒有模仿的衝動。終於找到乙個還是比較好看些的**,而且也算是目前比較流行的

o2o型別的**,名字我就不說了。覺得就是**多些,而且文字又不多,還有很豐富的互動操作,正適合我模仿。

editplus_u.ini

檔案替換了,這樣就成了下面的截圖,舒服多了各種顏色,看著像各種糖果色。下面那段**是新建乙個

html

檔案自動生成的,關於它為什麼是這樣就沒必要搞明白了,後面時候到了自己應該就明白了不糾結。

三、開始把導航條上的文字先的碼進去。 內容

在這兩個標籤間開始填內容。

儲存後用瀏覽器開啟,然後結果顯示就是這樣的,可見**裡面的空格對瀏覽器來說不是很起作用,不友好的感覺,打一空格和打多個空格顯示效果都是乙個空格。

四、那接下來,應該是按著創造這門語言規則的語法來嘗試加標籤,把文字內容包起來。試著寫:

每個加乙個簡單的

標籤,結果就變成了這樣:

也就很容易簡單理解

標籤的作用就是另起一行,好吧挺有意思。簡單的標籤可以控制文字甚至各種元素在瀏覽器中被呈現出來的位置或者其他形式,這個應該就是

html

規範的作用。

接下來試下

標籤:

感覺和上面的直接打沒有什麼區別,但是查了下,說

標籤:試下:

結果是:

ok居中了,也就是通過了

div標籤中的

align

屬性設定成居中得到的效果,通過這個明白了每個標籤應該都有自己的屬性,而每個屬性都有不一樣的屬性值,從而控制標籤內的元素的呈現方式。至於每個標籤有多少屬性或者屬性值這個也沒必要知道。

接下來我要改變文字的大小,這個字型大小作為導航有點小,應該可以直接在div標籤上統一設定,試下:

這個是直接網上查的,直接就複製黏貼過來的:

結果顯示的字型就變得50px超級大,好吧我把它設定成

20px

,正常點。

六、接下來我想加上,試下額:網上搜了下怎麼加,用到

顯示的結果是這樣的:

(下面還有乙個

沒截到圖)

可以把最外層的盒子div的背景設定成我的這個,不重複,而且設定的寬度和高度與一致。接下來還是把之前的盒子放進來,因為已經設定了居中所以很自然的就居中了,然後是我想要設定成白色的字型,那我又不能直接在

style

引號裡直接往後面加,試了下沒有效果, 那就試下再套一層盒子,設定顏色為白色,這樣就有了下面的效果:

八、會發現這次用三個div盒子才把文字弄到上面,顏色改為想要的白色,網上查了盒子越多瀏覽器讀取效率越低,好吧改想辦法用乙個

div搞定所有。

css檔案裡,然後通過

class

來呼叫可以實現,試下:新建乙個

css檔案,

檔名是zai.css。試了下

align

:center

;在這裡就不能直接寫了,需要寫成

text-align

:center

才有用。查了下,答案是

align

:center

用在標籤內的標記有效,而

text-align

:center

則用在css

樣式下有效。這個點還是有必要記一下。

接下來是html檔案呼叫外部的這個

zai.css

檔案,剛開始傻了,沒有加這句話

完全就沒有反應,這句是起到呼叫

zai.css

的作用。

其他的也就是class=「

div1

」呼叫zai.css

檔案下的

.div1

這個類了,這樣就全部運用到這乙個

之間的內容上了。於是就有了瀏覽器顯示結果:

好今天就先學習到這裡,明天會接著這個繼續。

愛分享,愛學習!找回本心,堅持自己,佐切一路每天為大家分享學習過程!

分享的第二天

對於多位元組的uart接收多位元組的資料,傳送到rom,再將rom裡面的資料給到vga。問題 通過串列埠接收,傳送到板子的資料,在板子怎麼能夠取模。取模不是應該在電腦進行圖形描述才可以生成對應的資料。總結 今天學習了,vga顯示模組顯示中的黑塊移動 每次對於黑塊的移動,使用了1秒計時器,每一秒,進行...

組播學習分享第二天

7.組播架構 源第一跳路由器 最接近組播源的路由器 最末跳路由器 最接近使用者的路由器 接收者 向最末跳路由器報告我對哪些流量感興趣 中間路由器 傳播組播 組播網路可以分為3個段 1.源段 源和第一跳裝置 2.接收者段 接收者和最末跳路由器構成末段 3.中間組播路由器 中間段 源 元件組播源,傳送資...

學習第二天

linux系統的檔案型別及許可權的相關知識 1.普通檔案 l 連線檔案 d 資料夾 表示不同的檔案型別 2.檔案許可權 r 可讀 w 可寫 x 可執行 3.chmod 修改檔案許可權,修符號或者使用八進位制 linux的基礎命令 cd 切換目錄 ls 檢視內容 表示當前目錄 上一級目錄等 touch...