# 037: Pastatų paieška, 3 dalis - CSS-gudrybės

Turinys

Mes turime šiek tiek daugiau dirbti, kad užbaigtume paieškos sritį.

Mes patekome į šalį vos sekundę, nes pastebiu, kad dar neįtraukėme trijų matmenų krovimo efekto į puslapio įvyniojimą, todėl mes tai darome ir keičiame spalvą.

Tada mes dirbame srityje „Ieškoti:“, kurios yra mažos nuorodos, kuriose galite spustelėti, kad susiaurintumėte paiešką pagal kurią svetainės sritį. Vėliau tai padarysime realiai, bet gausime čia nustatytą vartotojo sąsają. Nuorodos yra šviesiai mėlynos, tačiau „pasirinkta“ nuoroda tampa balta ir pabraukiama, o tai yra daugybė atsiliepimų, kuri yra pasirinkta.

Mes taip pat pridedame simbolį ✕ (kurį pritraukiame iš „CopyPasteCharacter“) kaip mažą nuorodą, kurią galite spustelėti (arba paliesti), kad uždarytumėte paieškos sritį.

Kai viskas bus parengta, pastebėsime, kad paieškos srities atidarymas ir uždarymas yra šiek tiek nepatogus. Daiktai laikinai apgaubia save, kai atvira paieškos sritis laikinai siaura. Norėdami tai ištaisyti, įsitikiname, kad niekas nesusivynioja white-space: nowrap;ir užtikriname, kad niekas neišeis iš keisto oveflow: hidden;.

Pabaigiu sakydamas, kad mes sukursime paieškos variklius toliau, bet iš tikrųjų prie jų nepasieksime, tai bus apie vaizdo įrašą Nr. 094.

Įdomios straipsniai...