CSS Box: improvizēts un sekas

Kaskādes stilu lapas (CSS) attiecībā uz visiem tā loģiski vienkāršību ļauj ne tikai, lai izveidotu iespaidīgu dizaina risinājums, bet arī sniedz elementus reālu rīcību, lai imitētu darbību faktisko kodu.

Jebkura vizuālā tag HTML marķējumu - taisnstūra laukums īpašu struktūru un saturu. Elements veido norādi uz koordinātām, izmēru, apdare, krāsas, fonta, fonta stilu, un tā tālāk. Frame CSS-elements nosaka viņiem aizņemto platību, atrodoties uz iekšu no tās robežas attiecībā uz norādīto ŠEIT platumā.

sintakse apraksts

norādīts FIELD izvietošana elements koordinātas attiecībā pret augšējā kreisajā stūrī (pa kreisi, augšā), izmēru, kas horizontālā un vertikālā virzienā (platums, augstums). Visas dizaina un animācijas elementi ir veikti pāri "īpašums: vērtība".

Apraksts tiek veikts tieši lapas kodu ievietot stilu vai atsevišķā failā, norādot viņam LINK atsauces. sintakse:

#name {property: vērtība; īpašums: vērtība; īpašums: vērtība; ...}

vai

Nosaukumu {property: vērtība; īpašums: vērtība; īpašums: vērtība; ...}

Nosaukums var būt arī p, ķermenis, html, galds, td ..., tas ir vārds HTML iezīmēšanas tag. Var saistīts tieši ar aprakstu stila elements.

Pirms jūs veicat savu rakstīšanas stilu, nav cietis, lai redzētu, kā tas ir darīts uz populārām vietnēm, saglabājot lapas kodu, vai nospiežot Ctrl-U, lai to aplūkotu tieši pārlūkprogrammā.

Galvenie parametri

Faktiski CSS rāmis elements pārstāv stilā (robeža-style), krāsu (robeža krāsu), platums (robeža platuma). To visu var apkopot vienā īpašumu - robežu. Jūs varat aprakstīt katru rāmja robežu patstāvīgi (augšējā apmale, robežu apakšā, apmales kreiso, robežas pa labi).

CSS rāmis ar vispārējiem noteikumiem kaskādes stila lapas apraksta:

robežas: 3PX;
robežu krāsa: sarkana;
robeža-style: double raustītās solid dotted.

Šis apraksts nosaka apmales platumu 3 pikseļi, krāsa - sarkana, stila apmalēm: augšējā pusē dubulto, labi - pārtrauktu, cietā leju, pa kreisi - punkts.

robeža-platums: 1px 2 pikseļi 4 pikseļi 8 pikseļiem;
robežu krāsa: zila;
robeža-style: dotted.

Lūk, izmēri katrā pusē ir arī secīgi no augšas, pulksteņa rādītāja virzienā, krāsa - zila un stilu - Spot.

robežu krāsa: zila sarkana zaļa melna;

Šajā specifikācijā, atsevišķas krāsu katrā pusē. robežu īpašums var ietvert vairākus parametrus, un leņķi rāmja var būt apaļas:

border: 1px zaļa cieta;
robežu rādiuss: 0px 4 pikseļi 8 pikseļiem 12px;
-moz-border-radius: 0px 4 pikseļi 8 pikseļiem 12px;
-webkit-border-radius: 0px 4 pikseļi 8 pikseļiem 12px;

Par to, kā padarīt rāmi CSS, tas ir atkarīgs no lietojamības apmeklētājs, jo parasti stilistiskais efekts tiek izmantota tehniskām vajadzībām, ja tas ir svarīgi, lai parādītu precīzu atrašanās vietu un lielumu zonā lapā.

Biezums rāmja un tā mērķi

Izvēloties biezumu rāmja, varat izmantot px, pt, em ..., bet jāpatur prātā, ka tas vienmēr ir robežās lauka elementu. Ir grūti pieņemt, ka rāmis ir CSS dizaina mērķis, bet tehniski tas ir ļoti noderīgi, lai izceltu elementus lapā.

Ja galvenais rāmis klase ir bloķēts, tas ir klāt, norādot to pseido-klase: lidināties, to var pierādīt, apmeklētājs no lapas elementu, ja tas ir peles kursoru, piemēram, izceļot izvēlnes vienumu. Dažreiz tas ir nepieciešams, lai izvēlētos kaut ko, uzklikšķinot uz attēla, vai velciet kaut ko kaut kur. Tas ir ļoti ērti izmantot dot rāmi, nevis mainīt elementa fona vai tā saturu.

Dažas lietojumprogrammas pieprasīt no jomām lapas piešķiršanu, vai izvēlētos objektus turpmākai apstrādei. Šajā gadījumā, pēc klikšķa laiku, lai izveidotu div ar robežu, un tik ilgi, kamēr apmeklētājs neatbrīvo peles pogu, mainīt to, parādot vizuāli rezultātu izvēles.

ārpus saskaņā

CSS konsultācijas ir ļoti interesanti, jo ir nozīme pētniecības kodus lapām populārās vietnēs. Tomēr pašu resursiem ir jābūt unikālai, tai ir savs seju.

Paredzēts sintakse CSS rāmja nedod tik dažādas, jo savas iniciatīvas. Improvizēts - lielisks sākums, un nekas neļauj attīstītājam veidot savu rāmi. Īpaši ar visiem sasniegumiem interneta tehnoloģijām un iespējām esošajiem standartiem ir daudz daudzsološu idejas, kas balstītas uz reāliem trūkumiem esošajā sintakses, kas (pēc definīcijas) vienmēr ir bijusi stingri formāla.

It īpaši, ja un noteikt darbības jomu konkrētu elementu, šķiet lietderīgi darīt visaptveroši. Izcelšana atsevišķas atzīmes sānos un leņķiem reģionā, jūs varat saņemt apbrīnojamo ietekmi. A piešķiršana attiecīgās manipulatori, var izveidot dinamisku lapu elementus, mainot pozīciju, formu un saturu.