CSS Box: impromptu iyo saamaynta

go'yaal style fatahmaan (CSS) ee dhammaan ay xog macquul ka dhigi suurto gal ma aha oo kaliya in la abuuro xal design cajiib ah, laakiin sidoo kale waxay bixiyaan waxyaalaha aasaaska ah ee waxqabad dhab ah, in ay ku daydaan waxqabadka code dhabta ah.

tag kasta oo muuqaal ah HTML-sixitaanka - meel qaab dhismeedka gaar ah iyo content. element ka kooban ay calaamad u yihiin wadataa, size, kursiga, midabka, font, qaab font, iyo si bixi. Meegaarka CSS-element iyaga ku qeexan yihiin aagga la haysto, la ku yaal uurkooda ka xuduudaha ay qoondeeyey, taasina width.

description Saan

Field element meelaynta ku qeexan isuduwaha eego geeska bidix ee sare ee bogga (bidix, top), size ee tilmaamaha siman oo toosan (width, height). Dhamaan xubno ka design iyo dhaqdhaqaaq ka samaysan yihiin laba laba "hantida, qiimaha".

Description waxaa si toos ah lagu sameeyey bogga code in ay geliso style ama file gaar ah, isagoo farta ku fiiqaya in ay isaga tixraaca LINK. Saan:

#name {hantida: qiimaha, hantida: qiimaha, hantida: qiimaha, ...}

ama

.Magaca {hantida: qiimaha, hantida: qiimaha, hantida: qiimaha, ...}

Magaca sidoo kale noqon kartaa p, jirka, html, miiska, Td ..., in uu yahay magaca tag HTML-Bogani. Waxaa laga yaabaa in si toos ah ugu xiran oo leh sharaxaad ah ee element style ah.

Ka hor inta aadan kor dhigi lahaa wax aan style u gaar ah oo qoraal ah, waxba kuma yeeli si aad u aragto sida loo sameeyo goobaha caanka ah, ilaalinta code bogga, ama adigoo riixaya Ctrl-U si ay si toos ah u aragto in browser ah.

Beegyada uu ugu waaweyn

style Dhab element jir CSS wakiil (soohdinta-style), midabka (soohdinta-color), width (soohdinta-width). Waxaa oo dhan waxaa lagu soo koobay kartaa in mid ka mid ah hantida - soohdinta. Waxaad ku tilmaami kartaa xadka kasta jir madax banaan (soohdinta-sare, iyo soohdinta-hoose, soohdinta-ka tagay, soohdinta-midig).

jir CSS ku tilmaamay by xeerarka guud ee sheets style ahina:

xadka: 3px;
xadka-color: red,
xadka-style: double tuuri adag dhibcaha.

Sharaxaad Tani waxay mitaal width xadka of 3 pixels, midabka - dhinac cas, style: dhanka sare ee, xaq double - tuuri, hoose adag, ka tagay - dhibcood.

xadka-width: 1px 2px 4px 8px;
xadka-color: buluug ah;
xadka-style: lixdii bilood.

Halkan, dhinacyada dhinac kasta ayaa sidoo kale sequentially top, bilow, midab ka - buluug, iyo style - Spot.

xadka-color: buluug madow cagaaran cas,

in faahfaahinta this, shaqsi ahaan ku qeexan color dhinac kasta. hantida xadka ka mid noqon kara koobin kala duwan, iyo xaglo jir noqon kartaa wareegsan;

xadka: 1px adag oo qoyan,
xadka-gacan: 0px 4px 8px 12px;
-moz xuduudaha-gacan: 0px 4px 8px 12px;
-webkit-xadka-gacan: 0px 4px 8px 12px;

On sida loo sameeyo qaab dhismeedka in CSS, waxay ku xiran tahay geynta ee booqdaha, maxaa yeelay, inta badan saamayn ku stylistic loo isticmaalo ujeeddooyin farsamo, marka waxaa muhiim ah si ay u muujiyaan goobta saxda ah iyo size of aagga ku yaal bogga.

dhumucda ku jir iyo ulajeedada

By doorashada dhumucda jir ah, waxaad isticmaali kartaa px, PT, em ..., laakiin waa in la dhasha maskaxda in ay had iyo jeer waa gudahood element duurka ku. Way adag tahay in loo qaato in jir ka leeyahay ujeeddo design CSS ah, laakiin farsamo ahaan waxaa aad u faa'iido leh si loo muujiyo waxyaalaha aasaaska ah ee bogga.

Haddii fasalka ugu weyn jir xiran yahay, in uu yahay maqan, by waxa la tilmaamayo in dacayadeed-fasalka: dulsaar, waa la arki karo in ay soo booqda ee element bogga, marka ay tahay dulqabo mouse ka, sida muujinayo item menu ah. Mararka qaarkood waxaa lagama maarmaan ah in ay doortaan wax gujinaya image ah, ama jiidi wax meel. Waa arrin aad u habboon in la isticmaalo qaab dhismeedka dhibic, iyo ma in la beddelo soo jeeda element ama ku jira.

codsiyada qaarkood waxay u baahan qoondaynta of meelaha bogga, ama dooro alaabta processing dheeraad ah. Xaaladdan oo kale, waqtiga click in la abuuro QAY ah soohdinta, iyo in alla inta booqdaha uusan sii daayo button mouse ka, waxaa ucabirto, oo muujinaysa muuqaal natiijada doorashada.

dibadda ka yar

Casharrada CSS waa mid aad u xiiso, sida uu yahay muhiimadda ay leedahay cilmi codes pages of sites caan ah. Si kastaba ha ahaatee, khayraadka gaar ah waa in uu ahaadaa mid gaar ah, waa in ay leeyihiin ay wajiga u gaar ah.

Bixiso Saan ee jir CSS ma siin duwan noocan oo kale ah, sida ay iskood. Impromptu - bilow weyn, oo aan waxba ka hortagtaa sameeysa ah ay ku dhisi lahaayeen jir u gaar ah. Gaar ahaan oo dhan guulaha of technology Internet iyo awoodaha heerarka jira fikrado badan oo rajo ku salaysan ceebaha dhabta ah ee Saan jira, taas oo ah (by qeexidda) ayaa had iyo jeer ka adag oo rasmi ah.

Gaar ahaan, haddii iyo in la dhiso baaxadda xubno gaar ah, waxa ay u muuqataa ku haboon in la sameeyo si buuxda. Muujinayo tags shaqsi ee dhinacyada iyo xaglaha ee gobolka, waxaad ka heli kartaa saamaynta la yaab leh. A xilsaarayo gacanta ku haya kala, abuuri karaan xubno page firfircoon, beddelidda booska, qaabka iyo content.