Top mukati CSS: Mukati chepamusoro

CSS marongerwo yagara rectangular. Chero kumeso mitsetse - the kugona of yokuvaka. Style mitemo inopa zvakakwana kusarudza kupa kumeso peji chimiro mukati chidzitiro chisarudzo. Asi chero marongerwo chaikosha - zviri dzose rectangle umo nzvimbo mashoko hunodzorwa nemitemo CSS.

Padding kumativi ose zvinokosha ose chinhu papeji kana zvachose papi, uye musoro kumahombekombe vagara vandifungira CSS kunyanya nekuti zvakakosha kuti siyana okunze, kunyanya kudzika-mhosva.

Basic Positioning mitemo

The chinogumbura nhengo ane kazhinji achibva panhivi chinhu, inova (kumucheto), kazhinji indentation nokuti zvinhu mukati maro (padding) uye upamhi puranga (muganhu), iro rinogona kushandiswa.

Zvikuru kukosha ndiro pamusoro kumahombekombe. CSS anotonga mukati chikwata rinobatanidza womukati padding mitemo zvachose uye tichishandisa akaiswa zvinhu mukati kuti misa.

Zvatinosiita Muitiro CSS-mitemo: unogona kutaridzwa varikumahombekombe Kumativi ose zvakaenzana, vaviri vaviri pamusoro / pasi uye kuruboshwe / kurudyi kana kuti rumwe norumwe yoga. Somuenzaniso,

• kumucheto: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

In yokutanga nyaya nhengo iri akagadzawo zvaizopedza kubva kumativi rokunze mudziyo, umo riri. Kana yechipiri kumusoro uye pasi varikumahombekombe vari 10px, kuruboshwe uye zvakarurama - 20px. Kana wechitatu, kukura padding kumativi ose: pamusoro, kurudyi, pazasi uye akasiya.

Muzviitiko zvose izvi, kumusoro kumahombekombe CSS ndiyo 10 px.

Mitemo kuti kushandura nzvimbo zvinhu

Kana marongerwo chinhu isina zvachose papi, zviri vakawanda kuti fomu peji yacho.

Kana isu havatsananguri pamusoro kumahombekombe ari CSS scCurrInfo chinhu kunoitwa, uye kana pachiyero him - kwete.

In muenzaniso uyu, kushandiswa padding mitemo: 40px; Zvinoda mitemo yakakwana kuderedza upamhi uye kukwirira kuna 80px. Zvikasadaro scCurrInfo chinogumbura saizi anobuda mhiri kwokunze chikwata.

Kana kubvisa padding kubva tsananguro nokutonga scCurrInfo, asi wedzera naro kukosha 20px netsananguro pamazita chinhu manyorerwo, chete kumusoro kumahombekombe. CSS haushandi kukosha ichi kune mamwe mapato.

Sezvingatarisirwa, kwakadaro kushandisa indentation mitemo inoshanda nechimwe chine maatomu akafanana him.

General tsika gutsikana formatting

Vamwe Developers vakakwana, maira nehafu mapeji vanovhara zvinhu. Sezviri pachena, izvi ndizvo chaiwo muitiro - kutanga tafura uye kupedza dzidzo muitiro yavo pamusoro zvinogumbura.

The rusununguko kuri muna chinogumbura marongerwo, mesmerizing, uye yokuvaka yokufungidzira hazvigoni kungogumira kuzviomesera tabular mitemo chete pokutanga chete muchitokisi Fusion chete yakatambarara uye vertically. Hapana tinoberekwa ndeyeukama pfungwa.

Zvichakadai, matafura, kunze zvainovhiringidzawo pachena, kune vazhinji Qualitative zvakanaka. Kuunza ane indentation pamusoro, CSS rinobvumira padding kuruboshwe, kurudyi (kubva pasi - iri rinokosha nguva). Mitemo kukubvumira kudzora tafura masero dzichienderana zvose vertically uye yakatambarara. Kushandisa zvitaera series, kuabatanidza pamwe okuruka masero zvingaite mharidzo kunzwisisa kuti tigutsikane.

Ziendamberi kumiririrwa imwe peji iri muchimiro rectangles (chinogumbura marongerwo) hakutadzisi pawo tafura. Uyu rectangle, asiwo patafura sero, kureva, vane mitemo yavo pachavo supplementing mitemo zvidhinha.

Mhedziso Positioning

; Block Rule CHINZVIMBO: Mhedziso; Ngazvidyirwe munzvimbo panzvimbo varehwa Coordonatele hama kuti chinogumbura umo riri.

A maitiro kuchiitwa CSS mitemo - "tsika - yakanakisisa yokuona chokwadi" kakawanda, kunyanya apo muchinjikwa Browser kugarisana uye marongerwo anoitwa manually, zvinganaka yakakwirira wegiredhi kudzidza emirayiridzo nokuda Cascading Style Sheets.

Kushandisa matafura kazhinji kunotungamirira Cell matambudziko zviri kutsvetera. A yakafanana kuchinja mune chinogumbura inobata kwete nguva dzose uye kwete zvinhu zvose. By vachiedza, unogona kuzadzisa zvinodiwa mugumisiro. Sezvisingakoshi basa: sei kubvisa pamusoro kumahombekombe, CSS hapasi kugadzirisa chiduku nenzira.

Mune zvimwe zviitiko, kana zvakakodzera kuisa peji zvinhu zviri mukati vamwe chakakurumbira kugutsikana utariri hurongwa Website, unofanira vachiri kuteerera kwete chete kune experimental tsika, asiwo kuti vaone zvakaitika navo.