Transilvania Expres, nr. 3835,
Braşov
Activitatile la cursuri sunt bazate pe practică, sunt mult mai
uşor de parcurs şi asimilat şi au ata-şate aplicaţii
practice, analize şi simulări de caz, speţe, documentări
online şi discuţii libere, care au un rol important in
fixarea cunoştinţelor”, a menţionat Cristi
Lucan, Director Educaţional, AcademiadeAfaceri.ro
Citeşte
în continuare...
|
|
Demo Curs Webdesign şi Tehnologii Web - CSS, Javascript
|
Rating curs: |
|
Lector Asociat:
LSBC Assessment
Center |
Calitate curs: conform rating |
|
Data limita inscriere:29 Noiembrie 2024 |
Pret curs:520 lei |
|
Durat
curs: 10 module / 12 sptmâni |
|
|
|
|
|
V prezentm n
continuare un fragment de aproximativ 10-20 % din coninutul:
Lecia
4 - Proprieti
CSS pentru fonturi, text i
clasificare
...
Proprieti
pentru padding
Proprietile
CSS pentru padding definesc spaiul
dintre marginea elementului i
corpul acestuia. Nu sunt permise valori negative. Proprietile
pentru padding din stânga, dreapta, sus sau jos
pot fi definite separat pentru a avea aspecte diferite
sau poate fi folosit proprietatea
padding pentru a le defini pe toate odat.
Proprietile
pentru padding sunt urmtoarele:
- padding - seteaz toate
cele patru proprieti
padding ale elementului, acestea pot fi date n
procente, relativ la mrimea
total a documentului, n
numere definind o mrime
fix a marginii sau auto,
dat de browser;
Exemple:
h1 {padding: 10px}
Toate proprietile
padding sunt de 10 px.
h1 {padding: 10px 2%}
Padding-ul de sus i
cel de jos vor fi de 10px, Padding-urile din stânga i
din dreapta vor fi de 2% din mrimea
documentului.
h1 {padding: 10px 2% -10px}
Padding-ul de sus va fi de 10px, padding-urile din stânga i
din dreapta vor fi de 2% din limea
total a documentului,
padding-ul de jos va fi de -10px.
h1 {padding: 10px 2% 10px auto}
Padding-ul de sus va fi de 10px, padding-ul din dreapta
va fi de 2% din limea
total a documentului,
padding-ul de jos va fi de 10px, padding-ul din stânga
va fi dat automat de browser.
- padding-bottom - seteaz
proprietatea padding de jos a elementului, poate avea
valori numerice (nu sunt permise valori negative), procente
sau auto (dat de browser).
Exemplu:
h1 { padding-bottom: 10px }
h2 { padding-bottom: 20px }
- padding-top - seteaz
proprietatea padding de sus a elementului, poate avea
valori numerice (nu sunt permise valori negative), procente
sau auto (dat de browser);
Exemplu:
h1 { padding-top: 10px }
h2 { margin-top: 20px }
- padding-left - seteaz
proprietatea padding din stânga a elementului, poate
avea valori numerice (nu sunt permise valori negative),
procente sau auto (dat
de browser);
Exemplu:
h1 { padding-left: 10px }
h2 { padding-left: 20px }
- padding-right - seteaz
proprietatea padding din dreapta a elementului, poate
avea valori numerice (nu sunt permise valori negative),
procente sau auto (dat
de browser).
Exemplu:
h1 { padding-right: 10px }
h2 { padding-right: 20px }
Proprieti
pentru chenare
Proprietile
pentru chenare ne permit s
setm stilul si culoarea
chenarelor elementelor. In HTML folosim n
mod normal tabele pentru a crea chenare n
jurul textului dar cu ajutorul proprietilor
pentru borduri din CSS putem crea borduri cu efecte frumoase
pe care le putem aplica oricrui
element.
Proprietile
pentru chenare sunt urmtoarele:
- border-top-width poate avea valorile thin, medium,
thick, numr, iniial
fiind setat medium. Prin
valoarea indicat se stabileste
grosimea pentru bordura de sus a elementului.
Dimensiunea este dependent
de browser pentru valorile exprimate prin cuvintele cheie,
singura condiie respectat
fiind thin <= medium <= thick. Cuvintele cheie sunt
constante pentru tot documentul. Pentru a stabili dimensiuni
variabile se utilizeaz
valori relative (ex: .75em). Valorile negative nu sunt
permise.
Exemplu:
table{ border-top-width: thin}
table{ border-top-width: 0.5cm}
|
|
|
|
|
|
|