Umagi ka latas sa CSS: ipakita ang sulod elemento

Misulti estilo sheets sayon nga gamiton, kon dili kamo moadto ngadto sa lasang sa panulondon, prayoridad sa alokasyon sa mga klase gambalay, ang theoretical aspeto ug praktikal nga kasinatian.

Ang nag-unang katuyoan sa matag kabtangan sa CSS - display, apan kini wala nagpasabot lamang "makita": walay bisan dili kaayo importante nga disenyo "CSS Umagi tinago nga".

mga elemento panid

Page naglangkob dili lamang sa mga elemento, kini mahimong nahimutang nga mga elemento sa mga elemento, kon bayanan (ug kini mahimong dili lamang sa usa ka hugpong sa mga sangkap, apan sa usa ka lain-laing mga dapit sa bug-os), o naghimo sa kaugalingon nga mga butang nga sistema.

Natural lang, ang kadaghanan sa mga developers sites pagpraktis sa rubber Layout, napugos sa makighusay uban sa nagtubo nga tomo sa impormasyon ug sa kamatuoran nga ang babag sa 800 sa 600 ka pixels - dili usa ka babag ngadto sa 640 KB, nga sa pipila ka mga dekada sa pagbuntog sa mentalidad sa MS DOS tiglalang kay complicate sa mga kinabuhi sa programmers ug mga tiggamit unang desktop.

Ang site building orihinal nga ang tanang mga butang mao ang mas sayon: pahina wala mohaom sa screen, ang browser kini linukot nga basahon. Bisan tuod nga ang developer makahatag sa output panid sulod sa bintana nga walay scrolling huboon mo ug walay lain nga mga kabtangan: pahina sulod dili sa pagkuha gikan sa unahan sa bintana gigahin niini. Kini mao ang natural nga, sa gawas sa bintana adunay uban nga mga aplikasyon, ug browser bintana - dili mas maayo kay sa uban nga mga tamboanan; ang operating system mao ang kanunay alang sa pagkasama aplikasyon.

Apan, bisan sa unsa nga paagi sila prayoridad sa pagpili sa mga kapilian Layout, bisan unsa apod-apod sa mga bisita interesado sa kamalaumon nga resolusyon screen alang sa pagtan-aw nga mga dapit, karon adunay mga nagkalain-laing mga screens nga dili kanunay nga rektanggulo nga mga oportunidad natudlong gidak-on.

Ang dinamikong kalibutan pinaagi Umagi ka latas sa CSS

Kini gituohan nga ang pahina sa site - kini sulod, mikaylap sa hypertext tag, nga hingalan sa unsa nga paagi kini nagpasundayag sa usa ka partikular nga kaso, ubos sa pipila ka mga kahimtang.

Ang tanan kanunay usab-usab nga. Bisan kon ang site mao ang ingon nga nga ang sulod sa iyang dili mausab sa ibabaw sa mga tuig, walay garantiya nga ang usa ka wala damha nga bisita dili moabli kini sa usa ka bag-o nga lalang, nga ang developer sa website niini nga wala gani masayud.

Mga kapilian kabtangan sa mga lagda naghatag Umagi CSS lamang sa upat ka mga gitugotan sa pagtago sa bisan unsa nga moadto sa unahan sa dapit sa display sa elemento,, nga gihatag sa scrolling kanunay o lamang kon gikinahanglan, o aron makapanunod sa bili sa usa ka katigulangan.

Sa unang kaso (nagaawas: natago), sa bisan unsa nga sulod nga moadto sa unahan sa butang nga natago, apan nga nawala, dili mahimong anaa. Kini nga posisyon mao ang epektibo, apan dili kaayo makapaikag mao ang kapilian sa pagpakita sa tanan nga sa unahan (nagaawas: makita). Busa ang developer naghatag sa mga bisita sa oportunidad nga kanunay nga nahibalo sa mga bug-os nga sulod elemento ug pagpugong sa gidaghanon niini. May diriyut mga oportunidad naghatag linukot nga basahon (nagaawas: linukot - ang usa ka linukot nga basahon bar mao ang kanunay nga didto, o nagaawas: auto - linukot nga basahon trangka makita kon gikinahanglan).

Nagpakita sa Umagi Termino sa Paggamit

", представляют особенный интерес, только когда они представляют собой текст. Mga elemento nga anaa sa sulod sa usa ka tag nga may kahulogan sa CSS "text nagaawas", mga partikular nga interes, lamang sa diha nga sila nga teksto. Placement sa ubang mga components, kasagaran natudlong sa mga coordinates o relatibong mga posisyon.

Text elemento dili kanunay naglakip sa usa ka gitakda nga gidaghanon sa mga karakter, ug kon kamo kinahanglan nga mogamit sa sa mga lagda nagaawas, CSS gisugo sa monitor mga kapilian wala damha nga kausaban sa sulod nga gidaghanon.

Sa partikular, sa yugto sa debugging, nga imong mahimo sa paggamit sa bili sa mga kabtangan o auto linukot nga basahon, ug dayon Lock sa pasundayag sa tanan nga mga butang nga moadto sa unahan sa uma, sa paghatag sa mga bisita sa usa ka hugpong sa mga yawe, nga iyang mobalhin sa mga sulod sa dili makita nga ngadto sa makita nga rehiyon. Kini mao ang komon nga praktis. Dili tanan ang nakadayeg sa linukot nga basahon bar, ang uban gusto nga kini sa upat ka mga buton: usa ka top, sa unahan, sa likod, sa katapusan.

Dugang pa, ang pagmando sa nagaawas CSS sa auto / linukot nga basahon nagdala bili sa usa ka panid nga elemento dili maayo nga kawalay kasigurohan: ang browser nagbalhin prayoridad sa linukot nga basahon gikan sa pahina sa iyang elemento sa diha nga kini anaa sa ibabaw sa mouse pointer.

Sa diha nga ang elemento mao ang usa ka teksto block, kini mao ang dili kaayo klaro ug dili komportable, apan kon ang tibuok gilapdon sa sa bintana sa pagbutang sa slider (block elemento-hulagway), unya sa pagbuntog sa ingon nga sa usa gambalay mao ang dili kanunay nga posible sa mouse mao ang kanunay nga gikinahanglan sa paggamit "sa sinugdan" o "button sa katapusan sa panid. "

linukot nga basahon prayoridad

Dialog nga pahina sa site sa bisita mao ang mahinungdanon, ingon man usab sa iyang disenyo, kalambuan, sulod. Tungod kay ang site abli sa usa ka browser ug magabuhat niini sa sama nga bintana o sa usa ka bag-o nga tab, ikaw mao ang lagmit angayan alang sa scrolling kinahanglan nga pahina, ug dili sakop sa niini. ulahing Ang tingali dili lamang sa usa ka daghan, apan ang matag makabaton sa iyang kaugalingon nga function.

Ang site sa kanunay nagadala sa usa ka piho nga kahulogan, bisan kon kini may kalabutan sa sa kapatagan sa pilosopiya, mistisismo, o sa bisan unsa nga lain nga mga wala damhang sulod. Nga mao ang ngano nga kini mao ang kanunay nga posible nga sa maghunahuna sa usa ka partikular nga palas-anon sa interactive nga mga elemento sa pagmando sa nagaawas CSS.

Sa partikular, kon ang elemento mao ang usa ka selector sa pagpili sa tuig (petsa), nan, ang klasikal nga selector mao ang inconvenient, sa ingon nga kini sa pagluwas sa mga scrollbar klaro kahasol. Pinaagi sa pagpadapat sa sa niini nga kaso nagaawas, CSS magamit sa epektibong paagi sa dugang: ang internal nga kapatagan sa elemento, pinili nga mga panahon, tugoti ang mga bisita sa dali ug sayon pagpili sa usa ka gitinguha nga petsa, bulan, tuig.