- Introducere in CSS
- Sintaxa CSS
- Clase si Id-uri
- Cunostinte de Baza
- Background
- Text
- Familii de fonturi
- Link-uri
- Liste
- Tabele
- Containere
- Outline
- Margin si Padding
- Dimensiuni
- Display si Visibility
- Position si z-index
- Floating
- Aliniere elemente HTML
- Combinators si Selectors
- Pseudo-Clase
- Pseudo-Elemente
- Opacitatea
- @Reguli
- Media Types
- Stefanescu Mihai a postat in Paginare in PHP
- johhny a postat in Paginare in PHP
- Stefanescu Mihai a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- madalin a postat in Cum pot afisa eroarea cand utilizatorul a scris un username gresit sau o parola gresita?
- Stefanescu Mihai a postat in Featureuri site
Display si Visibility
In acest tutorial am sa va invat cum sa ascundeti un element fie folosind display: none fie visibility:hidden si diferenta dintre ele.
visibility:hidden va ascunde un elemente, dar spatiul ocupat de acesta va ramane gol ca si cand el inca ar mai fii acolo, iar display: none va ascunde elementul si va elibera spatiul ocupat de acesta, iar pagina va fi afisata ca si cand acel element nu ar fi existat.
Exemplu visibility:
h1.hidden { visibility: hidden; }
Exemplu display:
h1.hidden { display: none; }
Display – Elementele inline si block
Un element de tip block este un element ce ocupa toata latimea disponibila si insereaza un line break inainte si dupa el.
Elemente de tip block:
- <h1>
- <p>
- <li>
- <div>
Un element inline ocupa decat latimea necesara lui si nu introduce nici-un line break.
Elemente de tip inline:
- <span>
- <a>
Schimba tipul unui element
Cand faceti un design HTML/CSS va trebuii sa schimbati tipul unui element block in inline sau invers pentru a face o pagina sa arate intr-un anumit fel.Cum schimbam un element <li> din block in inline:
li{ display: inline; }
Cum schimbam un element <span> din inline in block:
span{ display: block; }
Comentarii
Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!