Autor | Zpráva | ||
---|---|---|---|
RastyAmateur Profil |
#1 · Zasláno: 12. 2. 2014, 16:01:00
Zdravím, chtěl bych se zeptat na tyto věci:
Když chci něco napsat, a zvolím <div>, do stylu napíšu "div.priklad{background-color: .......}". Když chci napsat ve spanu, jak to udělám? Pochytil jsem něco, a myslím, že by tam mělo být ".priklad2{background-color: .......}". Je to správně? Dále, když jsem zkoumal jiné webové stránky, našel jsem něco jako tam: "<p id="priklad">", nebo tak nějak. Jde to dát i do spanu nebo divu? Jaký je rozdíl mezi "class" a "id". Děkuji, RasTy |
||
juriad Profil |
#2 · Zasláno: 12. 2. 2014, 16:08:58
Class nebo id můžeš přiřadit jakémukoli elementu.
Vlastní styly http://jecas.cz/id-class Napsání div.priklad znamená: každý div, který má třídu priklad Napsání jen .priklad znamená: jakýkoli element, který má třídu priklad |
||
jefitto44 Profil |
#3 · Zasláno: 12. 2. 2014, 17:15:48
jj, tieto selektory môžeš priradzovať hocičomu... nie iba spany a divy, ale všetko ostatné má možnosť mať triedu...
<a class="daco"> a v css potom styluješ pre .daco (to isté aj s ID). Je to samozrejme zbytočné vo väčšine prípadov, pretože môžeš rovno stylovať v CSS samotné <a> --> a {color: #fcfcfc;} Rozdiel medzi spanom a divom je ten, že div je akoby nový blok a teda sa vytvára od nového riadku a span je inline. Ja to beriem proste tak, že span je akási náhrada zastaralého tágu <font>... Ak chceš modré písmo, môžeš napísať <font color="blue">BLABLA</font> čo je už zastaralé a neodporúča sa. Môžeš ale použiť span a to buď s priamym stylovaním, alebo aj s nepriamým. V takom prípade použiješ <span style="color:blue;">BLABLA</span> v nepriamom prípade si musíš nastaviť tento span v nejakom extérnom CSS a priradiť mu triedu <span class="modra">BLABLA</span> |
||
weroro Profil |
RastyAmateur:
Ešte by som dodal, že používanie class a id má určité pravidlá.
class s rovnakým názvom môžeš používať v akomkoľvek množstve (môže sa opakovať na viacerých značkách).
id by sa malo vyskytovať iba jeden krát, pretože je to "jedinečný" identifikátor (jeden názov id môžeš použiť iba raz - nemôžeš urobiť toto
<div id="ahoj"></div> <p id="ahoj"></p> id by malo mať iný názov - fungovať to síce bude, ale netreba si na to zvykať).
|
||
jefitto44 Profil |
#5 · Zasláno: 12. 2. 2014, 17:34:16
Tak, lebo id má najsilnejšiu prioritu spomedzi všetkých identifikátorov (okrem vlastnosti, čo sú označené !important)
|
||
RastyAmateur Profil |
#6 · Zasláno: 13. 2. 2014, 14:21:28
Ahá, děkuji, a je nějaký rozdíl mezi "<div class="priklad">BLABLABLA</div>" a mezi "<div id="priklad_2">BLABLABLA</div>"?
|
||
juriad Profil |
#7 · Zasláno: 13. 2. 2014, 14:23:57
RastyAmateur:
Přečti si http://jecas.cz/id-class |
||
Bubák Profil |
#8 · Zasláno: 13. 2. 2014, 14:26:59
RastyAmateur:
Rozdíly pochopitelně jsou, a jsou dobře popsány v článku, který už 2× odkázal [#2] juriad, teď mě předběhnul. Pokud ti ani po přečtení odkázaného článku nebude něco jasné, tak se ptej. |
||
RastyAmateur Profil |
#9 · Zasláno: 13. 2. 2014, 14:30:22
Jo, omlouvám se, uplně jsem zapoměl na ten odkaz :-)
|
||
Časová prodleva: 10 let
|
0