20170607學習筆記整理

2021-08-02 07:56:31 字數 3498 閱讀 5537

一.精通css第六章

1.影象對映

html:

alt="some of the clearleft team"/>

css:

/*

設定div的寬度和高度使其和影象尺寸匹配,同時將div的position屬性設定為relative,為了讓包含鏈結可以相對於div的邊緣進行絕對定位。

*/.imagemap

/*基本設定*/

.imagemap ul

/**/

.imagemap a

/*將每個鏈結定位在相應的人身上*/

.imagemap .rich a

.imagemap .sophie a

.imagemap .cath a

.imagemap .james a

.imagemap .paul a

/*設定乙個白色的實線邊框應用於滑鼠懸停的鏈結*/

.imagemap a:hover,

.imaegmap a:focus

2.flickr風格的影象對映

html:

alt="some of the clearleft team"/>

css:

/*常規操作:將div設定為影象尺寸,相對定位為後面的錨元素絕對定位作

鋪墊,同時將列表的內、外邊距設定為零,去掉專案符號*/

.imagemap

.imagemap ul

/*對包含的錨元素絕對定位,給外部span設定深色邊框,內部span設定淺

色邊框,突出它們在影象中的位置。外加一些基本樣式*/

.imagemap a

.imagemap a .outer

.imagemap a .inner

/*講錨定位到每個人身上*/

.imagemap .rich a

.imagemap .sophie a

.imagemap .cath a

.imagemap .james a

.imagemap .paul a

/*當滑鼠懸停並獲得焦點時將錨的邊框顏色由透明改為黃色*/

.imagemap a:hover,

.imagemap a:focus

/*為了在熱點翻轉時顯示說明,首先將說明span的內容定位到熱點的下面。

因此將span的位置設定為absolute並將底部位置設定為負值,同時設定一

些寬度、內邊距和背景顏色、文字居中*/

.imagemap a .note

/*說明部分在熱點下面水平居中*/

.imagemap a .note

/*接下來目標:實現互動性,預設情況下,說明隱藏;當滑鼠懸停在熱點

上時才顯示。實現:將文字隱藏到螢幕左邊之外,並在滑鼠懸停時對它重

新定位。*/

.imagemap a .note

.imagemap a:hover .note,

.imagemap a:focus .note

/*目標:不是一直顯示熱點的雙邊框,而是只是在懸停至熱點時才顯示。

實現:在預設情況下將內外span的邊框設定為透明的,當滑鼠懸停至熱點

時才顯示它們的顏色。*/

3.遠距離翻轉

html:

alt="rich,sophie,cath,james,paul"/>

css:

/*設定基本樣式*/

.remote

.remote ul

/*首先將熱點設定為絕對定位,然後指定尺寸,但是根據具體情況的不同,

尺寸在後面有所調整,也就是覆蓋掉初始尺寸。然後講錨定位到相關的人

身上。*/

.remote a .hotspot

.remote .rich a .hotspot

.remote .sophie a .hotspot

.remote .cath a .hotspot

.remote .james a .hotspot

.remote .paul a .hotspot

/*將包含鏈結文字的span也設定為絕對定位,並設定寬度。然後將其調整至

的右邊,外加個游標設定。*/

.remote a .link

.remote .rich a .link

.remote .sophie a .link

.remote .cath a .link

.remote .james a .link

.remote .paul a .link

/*為了在滑鼠懸停至對應人物或文字上時實現翻轉效果,當滑鼠懸停在父錨

上時需要在熱點span上應用乙個邊框*/

.remote a:hover .hotspot,

.remote a:focus .hotspot

/*為了在滑鼠懸停至文字時改變文字顏色,當滑鼠懸停在父錨上或其他方式

獲得焦點時需要改變span上的樣式*/

二.**時代:

1.被迫的事情總在我腦子裡輸入乙個相反的訊號。

2.每個人臨死時都是如夢方醒。

3.唯一有意思的事就是尋找神奇。

4.這純粹是出於幽默感。

5.不管你發明什麼東西,你還是你自己。

6.就跑到大街上抄汽車牌。

7.假如真的沒有訣竅,我怎會相信訣竅。

8.越是想顯出自己強於他人,越是心緒紛亂。

9.寫程式時是個軟體詩人,作畫時是個顏色詩人。

10.別人編十行,我只編一行。

11.乾癟無味的資本主義社會**容得下浪漫詩人。

12.真正的詩人都是搗蛋鬼。

13.任何東西都沒有固定的顏色。

14.發現每次受壓迫都是因為別人氣不順,並且覺得我比他高興。

15.勞心者治人,勞力者治於人。

16.我們生活在漫漫寒夜,人生好似長途旅行。仰望夜空尋找方向,天際卻無引路的明星。

學習筆記整理

6.20am 1 資訊收集 利用公網資訊收集比如 google hacking 愛站網 獲取dns,ip,網域名稱,註冊者資訊,等為了以後的社會工程學做鋪墊來尋找使用者名稱 郵箱 弱口令等。2.掃瞄 系統層面的 nmap web awvs safe3 御劍 後台 綜合利器 awvs nessus 3...

ARM學習筆記整理

核心模組 安裝核心模組 insmod name.ko 解除安裝核心模組 rmmod name 不要帶上.ko 檢視安裝的核心模組 lsmod makefile的編寫 obj m o kdir linux 開發板依賴的編譯好的核心 all make c kdir m pwd modules cross...

python 學習筆記整理

python中比較喜歡用in這個操作,1.在 for 迴圈遍歷 list l 時,for name in l 2.在訪問dict r 時,可以先判斷值是否在 r 中,if nana in r 其中 nana 是 r 中儲存的某個 key 值,r key 是其對應的 value 值。3.遍歷dict ...