Cum se face navigarea simplă pe html5 și css3

Sunteți aici: Acasă - CSS - CSS3 - Cum se face navigarea simplă în HTML5 și CSS3.

Cum se face navigarea simplă pe html5 și css3

Buna ziua tuturor! Astăzi, vom examina modul de navigare simplă pe HTML5 și CSS3. folosind pseudo-class: target.





HTML5 CSS3 Navigation



(secțiunea [id = "secțiunea -"]> h1> lipsum10 ^ p * 2> lipsum150) * 10

Va fi o mulțime de text, așa că nu am încorporat codul gata, dar am comandat comanda pentru plug-in-ul Emmet. Dacă nu știți ce este, puteți citi aici.

După finalizarea comenzii, veți primi mai multe secțiuni, fiecare cu un id propriu unic. În fiecare secțiune va fi un titlu și un text.

Acum, să prescrieți stilurile pentru fiecare secțiune.

@ frame-uri cheie bliț 0% culoare-fundal: galben;
>
50% culoare de fundal: transparent;
>
>

secțiune: animație țintă: flash 3s 1 ușurință în sus;
>

Trebuie doar să faceți linkuri, unde puteți specifica id-ul fiecărei secțiuni în atributul href.

Deci, și eu am totul. Vă mulțumesc pentru atenție și noroc!

Recomanda acest articol prietenilor tai:

Dacă ți-a plăcut site-ul, atunci trimiți un link spre el (pe site-ul tău, pe forum, în contact):

Se pare ca aceasta:

  • Codul BB al legăturilor pentru forumuri (de exemplu, îl puteți pune în semnătură):
  • Articole similare