Autor Zpráva
jiri.free
Profil *
potřebuji vysvětli něco ze zdrijáku:

<style type="text/css">

#menu a {
display:block;
width:120px;
margin: 1em 0; padding:1px 0 10px 15px;
font: bold 10px/1 ;
color:black;
background: url("button.gif") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: -157px 0;
color: #E9BE75;
}
#menu a:active {
background-position: -314px 0;
color:white;
}


span {position:relative; top:1px}
</style>



hlavně to, jak byste vyjádřili to #menu
dále to a, a:hover, a:active. prosím spěchá děkuji
Petra
Profil
#menu znamená prvek s id="menu"
a je odkaz
a:hover a a:active jsou pseudotřídy - přejetí myší pře odkaz a aktivace odkazu
Mistr
Profil
#menu a { 

display:block;
width:120px;
margin: 1em 0; padding:1px 0 10px 15px;
font: bold 10px/1 ;
color:black;
background: url("button.gif") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: -157px 0;
color: #E9BE75;
}
#menu a:active {
background-position: -314px 0;
color:white;
}
Mistr
Profil
Zbytek již vysvětlila Petra.
Mistr
Profil
jiri.free
Opět maturita?
jiri.free
Profil *
takze to #menu je identifikace prvku????? nebo jak to presneji nazvat????
Timy
Profil
není #menu selektor?
Mistr
Profil
Vaše spory rozsekne Yuhů: http://www.jakpsatweb.cz/css/css-tridy-class.html#identifikator
Timy
Profil
Mistr
Já myslím, že nerozsekl, protože se tam zmiňuje pouze o identifikátoru jakožto atributu id, nikoli o (IMHO) selektoru #menu. Tedy id="clanek" je identifikátor, #clanek je selektor (tedy podle mě, asi to půjdu někde najít :-)).
Timy
Profil
Už jsem to našel http://badame.vse.cz/izi218/materialy/x531.html
Mistr
Profil
Timy
A co tohle: http://www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html#selek tory
Mistr
Profil
jiri.free
takze to #menu je identifikace prvku????? nebo jak to presneji nazvat????
Nevím, jak moc odborně to potřebuješ, ale šlo by to nazvat identifikací.
jiri.free
Profil *
mam to do maturity
Mistr
Profil
jiri.free
mam to do maturity
Já vím, viz výše.
Timy
Profil
Mistr
"Nevím, jak moc odborně to potřebuješ, ale šlo by to nazvat identifikací."
Ale vždyť i na tom tvém odkazu je to psáno jako selektor...

selektor {vlastnost: hodnota; vlastnost2: hodnota}
#menu{width:700px; float:left}
jiri.free
Profil *
takže je to identifikator nebo selector?
Timy
Profil
jiri.free
V HTML je to identifikátor, v CSS selektor. Tedy:

<div id="obsah"> ==> tohle (obsah) je identifikátor.

#obsah {width:700px;margin:auto;} ==> tohle (#obsah) je selektor
#obsah p{padding:5px 20px} ==> tohle celé (#obsah p) je taky selektor

a selektor se dělá například pomocí identifikátorů. Takže celý selektor můžeme symbolicky zapsat jako #identifikátor (#obsah) nebo třeba #identifikátor tag (#obsah p) nebo klidně i .třída (.komentar) atd.
Radek Hrabůvka
Profil
Vzal jsem do ruky chytrou knihu Dynamické HTML, autor Pavel Mikle, první vydání. Budu z ní citovat:
DEKLARACE STYLŮ
Základem deklarace stylů jsou pravidla tvaru:

selektor1[ ,selektor2[ ,....]] {deklarace1[ ;deklarace2[ ;....]] }

kde

selektor je libovolný HTML prvek
deklarace je dvojice vlastnost: hodnota [!important]


Přiznávám, že jsem tomu, so se v knížce o CSS píše nerozuměl a nebyl jsem se to schopný naučit (je dělaná spíš jako referenční příručka, než učebnice), na rozdíl od strának Jak psát web. Mám za to, že selektory jsou dobře vysvětleny na stránce, kterou odkázal Mistr.

Myslím si, že selektor je HTML element, class (třída) a ID (identifikátor).

Mistr Opět maturita? jiri.free pořád zápasí s CSS :-) asi jsme mu to špatně vysvětlili :-)))
Timy
Profil
Radek Hrabůvka
"Maslím si, že selektor je HTML element, class (třída) a ID (identifikátor)."
Ještě jsme všichni zapomněli na "vestavěné" selektory jako *{} nebo p+p{}
Mistr
Profil
Timy
Ještě jsme všichni zapomněli na "vestavěné" selektory jako *{} nebo p+p{}
To sem teďko netahej, protože jiri.free z toho pak nebude mít guláš, ale spíš prejt nebo haši...
Radek Hrabůvka
Profil
Zapoměli jsme taky na pseudotřídy a pseudoelementy. A což teprve hromadné deklarace a kontextové selektory, pěkně hustý guláš pro začátečníka.
jozob
Profil
A CSS hacky, implementácia CSS v prehliadačoch, bugy... Haha to by bol guláš, keby mu to všetko začneme vykladať. :-)
Mistr
Profil
jozob
Prostor pro Tvůj Prievan a náš Průvan.
Toto téma je uzamčeno. Odpověď nelze zaslat.