Pentru începători, scriu acest subiect, deoarece eu însumi învăț și țin cont de experiența și de profesorii mei, cred că va fi util pentru începători.
Fiecare aspect are un stil propriu de cod, respectă anumite reguli pe care le-a dezvoltat pentru sine, astfel încât în viitor să fie mai ușor și mai rapid să lucreze. Materiale similare din rețea pot fi găsite, dar din moment ce nu sunt aici, mă informez:
instrucţiuni:
Pentru foi de stil în cascadă (CSS-ul) sunt într-un fișier separat (astfel încât acestea sunt încărcate o dată și memorată în cache), trebuie să creați un fișier de stil cu extensia * .css, de exemplu /style.css (cale relativă cu o bară oblică este importantă și corect !)
Între etichete introduceți eticheta de legătură astfel:
recomandări
- La începutul codului css, elimina toate padding * (margin: 0; padding: 0; font-size: 100.01%;) - este necesară ultima linie, deoarece toate fonturile browserelor sunt tratate în mod diferit (dimensiuni)
- Asigurați-vă că pentru a specifica textul implicit și corpul de culoare de fundal, precum și dimensiunea fontului și fontul utilizat - culoarea de fond, iar textul este necesară în cazul în care, de exemplu, utilizate nu câștiga sistemul de operare XP sau browser-ul utilizatorul folosește culorile lor implicite.
Notă: În codificarea utf-8, fontul "Verdana" din IE6 nu este acceptat și cea mai bună soluție este să nu se folosească fontul, deoarece poate fi vindecat numai prin intermediul registrului. - Continuăm la indentare, nu este suficient să folosim * mai bine pentru a lista totul, un exemplu:
body, td, th, input, select, textarea (în cazul în care este folosit), astfel vom obține același afișaj în toate browserele.
Notă: fiecare intrare a butonului browserului trimite, formularul se afișează în felul propriu, acest lucru este important când se utilizează partea grafică, iar formularele pot denatura pagina. - Parametrii din css sunt aranjați convenabil în ordine alfabetică, ceea ce vă permite să lucrați cu un număr mare de rânduri și, în același timp, să găsiți rapid toți parametrii.
- La atribuirea unui id, clasa specifică pentru ce este folosit, de exemplu:
css: tabelul # s-toate <>
css: div # s-corp <>- Numele div trebuie să se potrivească cu utilizarea lor logică, de exemplu, dacă avem un meniu în stânga (bloc), aceasta este bara laterală, există un antet - antet, cap, sus. Astfel, orice specialist și după o lungă perioadă de timp veți putea reveni la cod și puteți schimba rapid ceea ce aveți nevoie.
- În timpul aspectului, vă sfătuiesc să deschideți toate browserele necesare (adică ie6, ie7, ff, opera) pentru a evita greșelile și a nu pierde timp pentru a le rezolva.
Acestea nu sunt reguli, sunt recomandări, dacă cineva le-a arătat real și intenționați să le folosiți, sunt gata să dezasamblez alte detalii (scrieți despre ele).
Dacă vă ajută, dați clic pe "Vă mulțumim".// Site-ul la cheie și alte klenovnn
Primele etape ale css. Designul standard în css
La cererea unuia dintre participanții la forum, adaug principiile de bază ale CSS, aici doar o mică parte, care poate fi utilă pe scenă. Nu există reguli în mesaj, deoarece în rețea există manuale. Vă voi arăta cum să aplicați css în practică.
Cum să conectăm CSS pe care am învățat-o în prima lecție, vom continua.
1) Specificați fundalul standard pentru întregul document, parametrii de text (dimensiune, culoare, font, liniuță între linii):
Pentru aceasta scriem în CSS:
- Pentru fundal, puteți specifica și o imagine (precum și fundalul în culoare, dacă, de exemplu, utilizatorul deschide site-ul fără suport imagine):
- 2) Proiectarea legăturilor
- 3) Punctele principale ale proiectării tabelelor
Trebuie să spun mai întâi - la crearea unui tabel, se introduce numai cellspacing = „0“ pentru a scăpa de indentare (prin metoda css pentru adică rabotet nu, atât timp cât există un măgar, nu vom lua în considerare chiar), atunci vom scrie:- Și principalul lucru, codul css:
- 3) Utilizarea clasei (clasei) și id
Diferența dintre acestea este că id-ul este folosit în document o singură dată (id unic), adică, de exempluStudiem css
va funcționa, darȘi aici eticheta internă p nu va obține nimic.
și clasa este folosită pentru aceasta. Prefer să folosesc ID-ul pentru elementele de tip wireframe, cum ar fi antetul, documentul principal, meniul, partea de jos și clasele pentru documentele interne, luați în considerare un exemplu:Secțiunea este actualizată și rafinată. Scrieți aici, sau în privat (de preferință) aplicațiile dvs.
// Site-ul la cheie și alte klenovnn
Diferența dintre ID și CLASĂ
Diferența dintre id și clasă
ID-ul
- se utilizează o singură dată
- un id poate fi folosit pe mai multe pagini
CLASA
- poate fi folosit pentru mai multe elemente
- pot conține alte claseDupă cum ați observat, id-ul și clasa sunt de o importanță deosebită și le folosim în mod constant pentru a crea designul vizual necesar. Cu toate acestea, trebuie să se facă cu înțelepciune.
De asemenea, evitați următoarele:- Folosind o astfel de valoare în id, este greu de înțeles ce se află în această secțiune. În acest caz, o valoare adecvată ar fi o bară laterală sau un addcontent. Valorile acestor atribute trebuie să transmită informații despre conținutul elementului, nu despre parametrii vizuale.
Materialul este tradus pe blogul www.alexilin.ru și este considerat o descriere ideală.
// Site-ul la cheie și alte klenovnn
Articole similare
Trimiteți-le prietenilor: