Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: optymalizacja kodu CSS
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
yavaho
W stylach mam takie bloki jak w tym kodzie ponzej tylko ze jest ich o wiele wiecej a roznia sie miedzy soba tylko jednym parametrem: w tym przypadku tłem. Jak mozna taki kod zoptymalizowac? Mozna to zapisac w inny sposob i dziedziczyc tylko te parametry ktore sie powtarzaja?
Kod
.xxx01 {
background:#CCCCCC url('images/xxx01.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx02 {
background:#CCCCCC url('images/xxx02.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx03 {
background:#CCCCCC url('images/xxx03.png') no-repeat;
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
zalew
.xxx01,.xxx02,.xxx03 {
width: 570px;
height: 34px;
font-weight: bold;
padding-top: 8px;
padding-left:42px;
}
.xxx01 {
background:#CCCCCC url('images/xxx01.png') no-repeat;
}
.xxx02 {
background:#CCCCCC url('images/xxx02.png') no-repeat;
}
.xxx03 {
background:#CCCCCC url('images/xxx03.png') no-repeat;
}
yavaho
Dzieki wlasnie o to chodzilo.
Dlaczego takich przykladow nie mozna znalezc w kursach CSS?
wassago
bo to jest logiczne winksmiley.jpg
to tak jak bys definiowal wyglad bloku w tagach "<style></style>" a np. szerokosc juz w "<div style="width: 100px"></div>" -no po prostu logiczne
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.