CSS Éifeachtaí: coirnéil chothromú na n-eilimintí

Tá Comhréir na Stílbhileoga Cascáideacha deartha ionas go simplí go bhfuil an bhféidearthacht a fháil ar an dearadh is mó gan choinne ar fáil fiú i bhfad ó na cláir agus forbairt ar láithreáin daonna. B'fhéidir gurb é an bhfíric go bhfuil spraoi leanaí a bhfuil bloic fanfaidh siad i gach duine a chuimhne, bain úsáid as an taithí ilghnéitheach i HTML, tá CSS éasca.

Mar sin féin, is é an t-cláraithe reatha fós i bhfad ó tógálacha na réaltachta i láthair. Go dtí seo, aon líomatáiste (áitiú cad is mian leat eilimint bloc) in aon cheann dá bhrí agus ceapadh foirmiúil cruth dronuilleogach, atá déanta laistigh den líne imlíne cuar atá ag teastáil.

Go dtí seo, aon ciorcal, slánú ga, conas a díreach cuartha agus mar sin de. P. Cur síos ar na cothromóidí matamaiticiúla casta nó ciúbanna an-bheag, trapezoids, triantáin nó eilimintí dronlíneach eile atá-aitheanta don tsúil mar phointe ar an líne.

Dearadh Dhíreach Classic

ní haon ionadh go dleathach ar dhul chun cinn i réimse na dteicneolaíochtaí clár agus faisnéis dearadh dronuilleogach. Ní raibh smaointe nuálacha dramhaíola am ar cruth chothromú, ach ná déan dearmad a chur i láthair ar faoina réir ag an bhforbróir gnéithe go leor agus na rialacha clibeanna HTML, CSS agus teangacha cláir a bhaineann leo.

Tá aon eilimint a úsáidtear ar an leathanach limistéar dronuilleogach, ina bhfuil sé leithdháileadh codanna éagsúla, a ba chóir i ngach cás a úsáid ach is gá a bhreithniú ceanglais krossbrauzernosti gnéithe marcáil ábhar ar leith Foirgníochtaí comhréire ar fáil.

Rialacha ginearálta maidir le CSS

thairiscint Stílbhileoga Cascáideacha chun cur síos ar na gnéithe seo a leanas:

• maoine: Luach.

Sa chás seo, maoin - Is féidir le ainm sonrach agus luach a bheith ina ainm nó liosta na n-ainmneacha nó luachanna.

Maidir leis na heilimintí bloc agus an gá atá le déanamh trí CSS chothromú coirnéil, a dhéanann sé ciall a bhaint as an maoin teorann-ga agus a luach san fhormáid "38px" nó "8px 16px 24px 38px".

Má tá an luach a thugann uimhir amháin, beidh sé a shocrú dóibh siúd le haghaidh gach uillinneacha. Taifead iad na ceithre luachanna:

• an chéad uimhir - ar an chúinne uachtair ar chlé;
• an dara - do cheart uachtarach;
• an tríú - go dtí an ceart níos ísle;
• is déanaí cothrom le - ar an taobh clé níos ísle.

Roinnt cuid de na rialacha

Is féidir le Coincheapa teorann, íomhá agus cúlra a úsáid le chéile. Tá sé seo gnáth, agus a luaidhtear ní gá rialacha isteach lena chéile, a bheidh ina na gcomhdhéanamh foriomlán. An rud is mó - chun cuntas a thabhairt ar an bhfíric go léiríonn an t-ainm gach ceann acu, agus an chaoi a bhfuil sé i bhfeidhm.

Sula a chur i bhfeidhm seo nó eilimint, tá sé tábhachtach a dhéanamh ar roinnt turgnaimh agus obair tástála ar brabhsálaithe il. Treoshuíomh don comhairle, moltaí, samplaí de tríú páirtí nó error CSS, coirnéil chothromú, agus mar sin de. N. Is annamh níos fearr ná a gcleachtas úr féin.

Tá sé tábhachtach a thuiscint go bhfuil an teorainn, íomhá, i dtéarmaí uillinneacha dearaidh - an cineál céanna choincheap. Is féidir le líníocht a nach bhfuil i láthair i png-format. Beidh sé a ghearradh amach ag an bhrabhsálaí, de réir na rialacha arna mbunú sa CSS. coirnéil chothromú - bhforbróir ag tabhairt aire, beag beann ar squareness an bhunábhair.

Gnéithe HTML, CSS ó brabhsálaithe

Fáilte mórdhíola taifeadta Stíl - do gach brabhsálaithe ag an am céanna. Ar aon nós samplaí clasaiceach ar an ábhar "an CSS: coirnéil chothromú" tairiscint a scríobh mar sin:

Cúlra: # FF7F00; / * Cúlra * /

teorann: 1px #CCCCCC soladach; / * * Teorainn /

-moz-teorann ga: 10px; / * CSS chothromú coirnéil do Mozilla Firefox * /

-webkit-teorann ga: 10px; / * ... an Safari agus Chrome * /

-khtml-teorann ga: 10px; / * ... Konquerer * /

teorann-ga: 10px; / * An CSS chothromú coirnéil do chách * / agus mar sin de. N.

Mar sin féin, i bhformhór na gcásanna go bhfuil sé go leor a shonrú ar an riail seo caite. Ba cheart Iomarcaíochta a úsáid ach amháin nuair nach bhfuil géarghá.

tábla Classic agus iontach

In ainneoin conspóidí lucht tacaíochta leagan iomadúla tábla (tr, TD) agus an rogha a úsáid clibeanna div agus réise ( «marvelous" leagan amach), cleachtas oibiachtúil rogha bail ar fónamh orthu riachtanach go réasúnta.

I divs go bhfuil roinnt dínit sna táblaí eile. Más rud é nach bhfuil siad a chéile, agus díreach dul san iomaíocht, bheadh an cheist a bheith galaithe go tapa i leagan amháin go chéile na gnéithe is fearr de táblaí agus divs.

An chuid is mó de na suímh a cruthaíodh ag baint úsáide as an CMS (córas bainistíochta inneachair), agus i dtriail an fhorbróra thagann ní hamháin ar réimse leathan de "fathach" tacair sonraí de na céadta na bhfillteán, réada, ach freisin táblaí.

Clib [div | réise], mar shampla, nach bhfuil seasamh amach, ach an rud amháin a thagann go díreach ag an trócaire iomlán ar an bhforbróir - stílbhileog CSS. Agus scarann aon CMS go soiléir an cód, cuid di as an fhorbróra cruthaitheacht agus a stíl féin de stíl chur leis, agus i gcás na n-athruithe (m.sh., CSS - shlánú cearn den tábla), is féidir leat a chur ar ais i gcónaí ar na socruithe agus stíleanna réamhshocraithe.

Curves agus uillinneacha nach gclúdaíonn an error

Is féidir leat cloí go docht leis na rialacha HTML, CSS, ach go mbeadh thoradh air sin, nach bhfuil siad ar fáil. gnéithe lena chéile superimposing, is féidir a fháil ar aon réigiún ar bith chumraíocht. Ag baint úsáide as PHP-fhorbairt ar an bhfreastalaí, is féidir leat a sheoladh chuig brabhsálaí an chuairteora agus aon chomhaid stíl an cód JavaScript iomchuí a chur ag gabháil dóibh i gcorp na HTML-chomhad nó ar leith js-chomhad.

Aon athraitheach chuaird, tá aon chineál eilimint maoine Rialacha CSS! coirnéil chothromú - ach go háirithe, agus fíordheiseanna is i bhfad níos leithne. Sa chás seo, cláir do rudaí féin, ní féidir leat aird a thabhairt ar na saintréithe na brabhsálaithe ar leith, a úsáid ach amháin na clibeanna agus struchtúr teangacha hipirtéacs, a mheastar ag gach, gan eisceacht brabhsálaithe.

Ag baint úsáide as an smaoineamh cláir réad-dhírithe, is féidir leat a dhearadh an cuma ar cúinne nó cuar nach bhfuil foráil déanta ndóigh ag aon fhoirmeacha bhrabhsálaí. Sa chás seo, ní gá go mbeidh sé seo an choirnéal an cheantair, a bhí ar dtús cruth dronuilleogach. Tá sé tábhachtach go bhfuil na comhpháirteanna an cuar cur síos i bhfoirm rialacha CSS, le chéile i amhairc JavaScript cód réad amháin agus ag an am ceart san áit cheart bhrabhsálaí léiríonn, é féin san fhoirm cheart.

Ní dhéanann an teicneolaíocht isteach ar rudaí den sórt sin a bhaint amach dóibh féin i gcás eitleáin nó seó beochan tríthoiseach.