以京東為例簡單無延遲選單實現(二)

2021-09-12 23:09:19 字數 1070 閱讀 9884

.demo1
記一筆:一般css定位只需寫left與top兩個屬性,因為當乙個塊級未能填充滿整個頁面時,加入定位的left與right屬性會以left為準,top與bottom同理

ul
li
這裡涉及兩個屬性:height,line-height。簡單來說,line-height是行高的意思,height則是定義元素自身的高度。即line-height指一行的高度,如果因為文字關係顯示為兩行,則高度為兩倍的line-height,而height指所渲染元素的高度。當這兩個屬性設定的大小相同時會產生乙個效果——垂直居中。詳細見css垂直居中的11種實現方式

.cate_menu
li.active

li a:hover

hover為乙個偽類,效果為滑鼠移動至上方產生效果,注意:.active以為對active的類產生效果,而:active則為對滑鼠按下後顯示,因為active本身屬於乙個偽類,即標籤本身存在這個active

.none
none的屬性想必很顯然都知道就是不顯示

#sub
.sub_content a

.sub_content dd a

.sub_content dl
關於overflow:hidden;一些重要特性見overflow,總的來說可以解決父級塌陷問題。本質上是觸發了bfc特性(查閱資料時已經有同好總結的不錯了,鏈結

.sub_content dt
這裡clear:left;使dt這個塊級元素左邊不需出現浮動元素,但要注意,float是魔鬼,會影響其他相鄰元素;但是clear是小白,其只會影響自身,不會對其他相鄰元素造成影響

.sub_content dd

.sub_content dt i

以京東為例簡單的寫下抓取動態資料

不管是使用beautifulsoup還是scrapy的過程中,都會發現明明網頁的源 裡有的資料,但是就是抓取不出來,原因呢就是因為這個資料是由js生成的動態資料。要抓取這個動態資料一般來說是有2種方法。一種是直接找到js的資料來源,那樣就會得到乙個xml或者是json的資料,後續處理一下就可以了。另...

偽靜態說明,如何使用偽靜態 以京東為例

問題 1.京東的頁面為什麼採用.html 答案 採用html靜態的方式原因2 1.靜態頁面瀏覽器載入的速度更快.2.以.html結尾的頁面,更加的容易被搜尋引擎收錄.可以提高 的 率.問題2 為什麼搜尋引擎只收錄靜態頁面,而不是動態頁面?搜尋引擎的工作原理 倒排索引 倒排索引 根據關鍵字檢索文章的位...

簡單文法(以c語言為例)

external declaration program external declaration 外部宣告 function definition declaration 函式 type specifier declarator 說明符 compound statement 混合宣告 宣告 sym...