Umaapaw CSS: ipakita ang mga nilalaman ng elemento

Cascading style sheet ay madaling gamitin, kung hindi mo pumunta sa gubat ng inheritance, priority allocation ng klase istraktura, ang panteorya aspeto at mga praktikal na karanasan.

Ang pangunahing layunin ng bawat ari-arian sa CSS - display, ngunit ito ay hindi nangangahulugan lamang "nakikita": hindi mas mababa mahalaga na disenyo "CSS apaw nakatago".

mga sangkap ng pahina

Pahina ay naglalaman ng hindi lamang ang mga elemento, maaari itong matatagpuan elemento ng mga elemento, kung frame (at maaari itong maging hindi lamang isang hanay ng mga bahagi, ngunit isang iba't ibang mga site ganap), o ginawa sariling mga bagay system.

Naturally, ang karamihan ng mga developer sites pagsasanay goma layout, sapilitang upang magtuos sa lumalaking volume ng impormasyon at ang katotohanan na ang barrier ng 800 sa pamamagitan ng 600 pixels - hindi isang hadlang sa 640 KB, na kung saan ng ilang dekada pagtagumpayan ang kaisipan ng MS DOS tagalikha kaysa palubhain ang mga buhay ng mga programmer at mga user unang desktop.

Ang site gusali na orihinal na lahat ng bagay ay mas madali: pahina ay hindi magkasya sa screen, ang browser ay ginagawang mag-scroll. Kahit na ang mga developer ay maaaring magbigay ng ang output pahina ng nilalaman sa window na walang pag-scroll strip at walang iba pang mga ari-arian: ang nilalaman ng pahina ay hindi kailanman makakuha ng out sa kabila ng window inilalaan dito. Ito ay natural, sa labas ng window may mga iba pang mga aplikasyon, at browser window - walang mas mahusay kaysa sa iba pang mga bintana: ang operating system ay ang pagkiling sa pagkakapantay-pantay ng mga application.

Gayunpaman, hindi mahalaga kung paano nila binibigyang-priyoridad sa mga pinili ng mga pagpipilian sa layout, kahit gaano ipinamamahagi bisita na interesado sa optimal resolution ng screen para sa pagtingin ng mga site, ngayon may mga iba't-ibang mga screen na ikaw ay may hindi laging parihabang pagkakataon nakapirming laki.

Ang mga dynamic na mundo sa pamamagitan ng Overflow CSS

Ito ay ipinapalagay na ang pahina ng site - ang nilalamang ito, kumalat sa labas ng hypertext tag, na tukuyin kung paano ito ay nagpapakita sa isang partikular na kaso, sa ilalim ng ilang mga kundisyon.

Lahat ng bagay ay patuloy na nagbabago. Kahit na ang site ay tulad na ang nilalaman nito ay hindi maaaring nagbago sa paglipas ng mga taon, walang kasiguruhan na ang isang di-inaasahang bisita ay hindi buksan ito sa isang bagong aparato, na kung saan nag-develop ng website na ito ay hindi kahit na malaman.

Opsyon property sa patakaran ay nagbibigay Overflow CSS lamang apat ang pinapayagan upang itago ang anumang bagay na napupunta na lampas sa lugar ng display ang sangkap,, nagbibigay ng pag-scroll lagi o lamang kapag kinakailangan, o upang magmana ng halaga mula sa isang ninuno.

Sa unang kaso (overflow: nakatagong), ang anumang nilalaman na napupunta sa kabila ng item na ito ay itatago, ngunit iyan ay nawala, ay hindi magagamit. Ang posisyon na ito ay epektibo, ngunit hindi kukulangin kawili-wiling ay ang opsyon upang ipakita ang lahat na ay lampas (overflow: nakikita). Kaya nag-develop ay nagbibigay ng mga bisita ng pagkakataon upang laging magkaroon ng kamalayan ng ang buong nilalaman ng sangkap at kontrolin ang lakas ng tunog nito. Mas kaunting mga pagkakataon ay nagbibigay sa mag-scroll (overflow: scroll - isang scroll bar ay palaging doon, o overflow: auto - scroll bar lilitaw kung kinakailangan).

Mga Tampok Overflow Mga Tuntunin sa Paggamit

", представляют особенный интерес, только когда они представляют собой текст. Sangkap na sa loob ng isang tag na may ang ibig sabihin ng CSS "text overflow", ay ng mga partikular na interes, lamang kapag ang mga ito ng text. Paglalagay ng iba pang mga bahagi, karaniwan ay naayos na ang mga coordinate o kamag-anak na posisyon.

Text elemento ay hindi palaging maglaman ng isang nakapirming numero ng mga character, at kung kailangan mong gamitin ang mga panuntunan overflow, CSS instructed upang masubaybayan ang mga opsyon di-inaasahang mga pagbabago sa nilalaman ng dami.

Sa partikular, ang mga yugto ng pag-debug, maaari mong ilapat ang mga halaga ng ari-arian o auto scroll, at pagkatapos ay i-lock ang display ng lahat ng bagay na napupunta sa kabila ng patlang, na nagbibigay sa mga bisita ng isang set ng mga susi, na kung saan siya ay ilipat ang mga nilalaman ng invisible sa mga nakikitang rehiyon. Ito ay karaniwang pagsasanay. Hindi lahat ng tao ay impressed na may scroll bar, ang ilang mga gusto nito apat na mga pindutan: isang top, pasulong, paatras, hanggang sa katapusan.

Sa karagdagan, ang mga tuntunin overflow CSS sa auto / scroll Pinagsasama-halaga sa isang sangkap ng pahina kasiya-siya kawalan ng katiyakan: ang browser transfers priority ng ang scroll mula sa pahina sa kanyang elemento kapag ito ay higit sa mouse pointer.

Kapag ang elemento ay isang text block, ito ay hindi masyadong halata at hindi komportable, ngunit kung ang buong lapad ng window upang ilagay ang slider (block elemento-larawan), at pagkatapos ay upang pagtagumpayan tulad ng isang istraktura ay hindi laging posible gamit ang mouse, madalas na kailangan upang gamitin ang mga pindutan ng "sa simula" o "sa dulo page. "

scroll prayoridad

Dialog page ng site sa mga bisita ay mahalaga, pati na rin ang disenyo, development, nilalaman. Dahil ang site ay bubukas isang browser at ang ginagawa nito sa parehong window o isang bagong tab, ikaw ay malamang na karapat-dapat para pag-scroll ay dapat na pahina, at hindi miyembro nito. Ang huli ay maaaring hindi lamang maging isang pulutong, ngunit ang bawat ay maaaring magkaroon ng sarili nitong function.

Ang site ay palaging nagdadala ng isang tiyak na kahulugan, kahit na ito ay may kinalaman sa larangan ng pilosopiya, mistisismo, o anumang iba pang mga hindi inaasahan na nilalaman. Iyon ay kung bakit ito ay laging posible upang ipalagay ang isang partikular na pasanin sa interactive na mga elemento ng ang panuntunan overflow CSS.

Sa partikular, kung ang elemento ay isang selector upang piliin ang taon (petsa), pagkatapos ay ang classical selector ay hindi maginhawa, tulad ng ito ay naghahatid ng scrollbar halatang abala. Sa pamamagitan ng paglalapat sa kasong ito overflow, CSS ay maaaring gamitin mabisa sa karagdagan: ang panloob na field sa elemento, piliin ang mga panahon, payagan ang mga bisita upang mabilis at madaling pumili ng isang nais na petsa, buwan, taon.