CSS - display: block; - kurs HTML cz.3

Question

Hej,

w 65 minucie filmu jest informacja o tym, jak sprawić by hiperłacze zachowywało się tak jak element blockowy. W tym celu dodaliśmy w CSS wpis:

a.tilelink
{
	color: white;
	text-decoration: none;
	display: block;
	
}

Skoro w CSS istnieje dziedziczenie, to po co jeszcze nadawać mu szerokość i wysokość z klasy diva, w którym istnieje? Tutaj mowa konkretnie o:

.tile1

 

Answer 1

Szerokości podawać nie trzeba, bo link się wówczas rozciągnie z automatu na 100%, ale na wysokość już nie. Automatyczna wysokość (czyli wartość domyślna) to tyle, żeby się treść zmieściła - nic ponad to. Stąd potrzeba dokładnego określenia

Comments

Dzięki, wszystko się zgadza! :)

Answer 2

Szerokość i wysokość nie jest dziedziczna.

http://www.w3schools.com/cssref/pr_dim_width.asp

http://www.w3schools.com/cssref/pr_dim_height.asp

 

Oczywiście można zrobić jedna klasę .tile i do tej klasy dodać następną.

<div class="tile typ1"></div>

Utworzyliśmy div z dwiema klasami. Teraz wystarczy ustawić raz w tile szerokosc, wysokosc itp. a w typ ustawiać kolor.

Comments

Myślałem, że skoro może pobrać procentowo rozmiar z diva matki, jak tutaj:

.square
{
	width: 50%;
	float: left;
	

}

to wysokość i szerokość dziedziczy automatycznie.

Dzięki za wyjasnienie.