2022-02-17——練習(xí)靜態(tài)頁面day2(錨點(diǎn))

啊啊啊啊啊啊啊啊啊啊啊啊啊啊hover!S骼āQ印!!M;秸浮!2甭伞谢肾!擺爛了,我學(xué)nmP∪B琛!N㈡ⅰK彳睢!>そ弧P胶础!?尽F!界逛!



麻了昆稿,9個頁面,人已經(jīng)麻了息拜。

先說一下今天的收獲

1.背景色漸變的應(yīng)用background-image(linear-gradient()

這個東西會和背景圖片重疊溉潭,好像是可以插入兩張圖的,但我一直是后面的圖覆蓋前面的圖少欺,待改日研究

2.關(guān)于自定義列表與hover的搭配

不明白喳瓣,為什么td不能設(shè)置hover的響應(yīng)。然后是ul li的應(yīng)用中赞别,如果在li中放入新的ul畏陕,內(nèi)容會被外層的ul擋住,且無法自動向下排列仿滔,只有在外層設(shè)置ul的長度惠毁,才能完整顯示li中的新ul。但問題來了崎页,這樣要如何隱藏次級ul的內(nèi)容呢鞠绰?我直接疑惑。于是這里我想到了新的方法飒焦,就是用自定義標(biāo)簽蜈膨,用dl,dt,dd這樣就能完整顯示翁巍。然后驴一,這里特碼竟然還有個問題,就是dt標(biāo)簽無法設(shè)置:hover [element]? 我就不能理解了曙咽?為什么蛔趴??例朱?這里就只能使用多個dl孝情,來分別裝入隱藏列表,這跟div是沒有區(qū)別的洒嗤,這里我直接人暈了箫荡。待改日研究

3.利用錨點(diǎn)實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后顯示display:none的區(qū)域

千呼萬喚使出來!只能說錨爹救我渔隶!先寫用法:

給隱藏的盒子添加id屬性羔挡,然后為作為目標(biāo)點(diǎn)擊的元素外面嵌套一層a,然后用a href"#id":這樣去指向?qū)?yīng)id的盒子间唉,然后在style中添加響應(yīng)方式#id:target{display: block;}

這是我目前沒有學(xué)習(xí)js唯一的響應(yīng)方式绞灼,按理說visited應(yīng)該也可以,但我怎么都顯示不了呈野,總之還是懵逼低矮。

昨天一個頁面,今天勉強(qiáng)算三個被冒,中間穿插布局練習(xí)军掂,還可以吧。昨悼。


晚上21.15蝗锥,慚愧慚愧,看了半天才明白border-image的用法率触。终议。真的蚌埠住了,詳情記載隨筆屬性中葱蝗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末痊剖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子垒玲,更是在濱河造成了極大的恐慌,老刑警劉巖找颓,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件合愈,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)佛析,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進(jìn)店門益老,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人寸莫,你說我怎么就攤上這事捺萌。” “怎么了膘茎?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵桃纯,是天一觀的道長。 經(jīng)常有香客問我披坏,道長态坦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任棒拂,我火速辦了婚禮伞梯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帚屉。我一直安慰自己谜诫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布攻旦。 她就那樣靜靜地躺著喻旷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪敬特。 梳的紋絲不亂的頭發(fā)上掰邢,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天,我揣著相機(jī)與錄音伟阔,去河邊找鬼辣之。 笑死,一個胖子當(dāng)著我的面吹牛皱炉,可吹牛的內(nèi)容都是我干的怀估。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼合搅,長吁一口氣:“原來是場噩夢啊……” “哼多搀!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起灾部,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤康铭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后赌髓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體从藤,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡催跪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了夷野。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片懊蒸。...
    茶點(diǎn)故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖悯搔,靈堂內(nèi)的尸體忽然破棺而出骑丸,到底是詐尸還是另有隱情,我是刑警寧澤妒貌,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布通危,位于F島的核電站,受9級特大地震影響苏揣,放射性物質(zhì)發(fā)生泄漏黄鳍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一框沟、第九天 我趴在偏房一處隱蔽的房頂上張望增炭。 院中可真熱鬧隙姿,春花似錦、人聲如沸队丝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽侠畔。三九已至损晤,卻和暖如春尤勋,著一層夾襖步出監(jiān)牢的瞬間德崭,已是汗流浹背锌奴。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工鹿蜀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茴恰,地道東北人往枣。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓圾另,卻偏偏與公主長得像集乔,于是被迫代替她去往敵國和親扰路。 傳聞我的和親對象是個殘疾皇子汗唱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 本文主要講述頁面布局樣式方面涉及的知識點(diǎn)肥印,更全面的對CSS相應(yīng)的技術(shù)進(jìn)行歸類深碱、整理、說明功咒,沒有特別詳細(xì)的技術(shù)要點(diǎn)說...
    Joel_zh閱讀 840評論 0 1
  • 第1章 html基本結(jié)構(gòu) 認(rèn)識HTML: html不是一種編程語言榜旦,是一種標(biāo)志語言 標(biāo)記語言是由一套標(biāo)識標(biāo)簽組成的...
    不喝可樂_7889閱讀 657評論 0 0
  • 一、HTML和CSS 1. 你做的頁面在哪些流覽器測試過咐旧?這些瀏覽器的內(nèi)核分別是什么? IE: trident內(nèi)核...
    Virtual66閱讀 579評論 0 0
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,518評論 32 459
  • 一办绝、網(wǎng)頁認(rèn)識 1、網(wǎng)頁組成 文字、圖片疹尾、超鏈接纳本、音頻腋颠、視頻; 2巾腕、網(wǎng)頁背后本質(zhì) 前端程序員寫的一行行的代碼尊搬; 3佛寿、...
    Cargo閱讀 481評論 0 0