H C某東頁面專案心得

2021-10-09 10:19:39 字數 1503 閱讀 7647

某東頁面專案心得

描述:每一行最後乙個li因為右邊框的原因,導致一行無法放下4個li。

方法:1.可以使用nth-child(4n)方法去掉最後li的邊框。

li:nth-child(4n)

​ 方法: 2.可以使用將父盒子右邊框去掉,則li剛好可以在一行顯示.而且li的右邊框會充當父盒子邊框。

.father

方法: 3.使用margin-left:-1px,margin-top:-1px,讓每乙個li都往回倒1px,則一行可以顯示4個。

​方法 : 4.可以讓ul寬度寬一點,可以讓li顯示在一行,在使用超出隱藏。

1.不給父盒子寬度和高度加上定位可以到相應位置,搜尋框給三個邊框,按鈕直接給高寬

.seach

.seach input

.seach button

2.某東 給父盒子寬度和邊框加上定位可以到相應位置,搜尋框和按鈕沒有邊框直接給內容高寬

父盒子使用定位,直接定位到相應位置。

購物車使用偽類標籤定位並且引用字型圖示。

右上角數字框只給高度和行高,不給寬度,避免數字增加後裝不下,給左右5px行高擠開數字和盒子距離。使用border-radius上右下 50%,讓盒子變圓。最後使用定位定位到右上,注意不能使用右定位!否則購物數量多了之後會向左邊擠開

解決:提前給盒子li乙個透明邊框佔據位置

.main_banner_dowm1 span li 

.main_banner_dowm1 li:hover

/* 加上透明邊框,佔據位置 */

border

: 1px solid transparent;

}.main_banner_dowm1 li:hover

使用ul和li 寫

例如填寫資訊框等等收集資訊

某東 登入分析

某東登入邏輯分析 登陸方法 frameloginsubmit 引數說明 uuid 頁面中 returnurl document.referrer version 寫死 machinenet 頁面中 machinecpu 頁面中 machinedisk 頁面中 eid 頁面中 fp 頁面中 t 頁面中...

某東炸年獸指令碼,看到就是賺到!

eval function p,a,c,k,e,d if replace string e function c 1 while c if k c p p.replace new regexp b e c b g k c return p 8 0 1.7 0 0.a 9 6 0.2 3 1.e.d ...

Python解析某頁面獲取日期 時間

對某個頁面中的日期 時間進行解析 requests爬取 正規表示式解析 import re import requests defmatch datetime text 正規表示式提取文字所有日期 時間 param text 待檢索文字 match datetime 日期是2020 05 20 13...