Ściąga z CSS cz.4

Postanowiłam oddzielić kolory od skróconych zapisów.  Oto lista predefiniowanych kolorów CSS. Podzieliłam je z grubsza.

Ściąga z CSS cz.3

Najpierw skrócony zapis.

Otóż, można pisać: border-color: brown, border-style: double; border-radius: 50px; border-width: 6px;
i można to zrobić krócej: border: 6px, double, brown, 50px;

Mniej więcej tak się przedstawia lista:

• animation: name, duration, iteration-count;
• background: color, image, repeat, attachment, position;
• border: width, style, color; radius piszcie oddzielnie; jeśli chcecie z każdej strony inną ramkę można to osiągnąć tak:

                - border-top: width, style, color;

• font: style, variant, weight, size, family;
• margin: top, right, bottom, left;
• padding: top, right, bottom, left;
• transition: property, duration, timing-function, delay

Sposób na naukę CSS i HTML

Zaglądanie do własnego kodu HTML może pomóc znaleźć informację, jaki coś ma selektor. Ale jeszcze lepsze jest zbadaj element.Kliknij cokolwiek na tym blogu prawym przyciskiem myszy i wybierz tę opcję. Fajne? Teraz widzisz kod, którym to zrobiono. Możesz tak robić, gdy tylko zobaczysz coś, co ci się podoba, a nie wiesz, jak to zrobić.

UWAGA! To wciąga. I nie zawsze działa.

Część pierwsza
Część druga
Części czwarta

Ściąga z CSS cz.2

Kolejna porcja kodu. Tym razem cechy umieszczane w nawiasie klamrowym za selektorem. Pamiętajcie, by rozdzielać je średnikiem. Serio, to mój najczęstszy problem.

Ściąga z CSS cz.1

Skoro już się uczyłam, to niech inni też skorzystają. CSS pisze się łatwo. Najpierw selektor tj. nazwa tego, co chcemy zmienić. Potem otwieramy nawias klamrą, wpisujemy cechy i wartości, jeśli jest dużo par cecha-wartość oddzielamy średnikiem i zamykamy klamrą. Cała filozofia w znajomości selektorów i cech.

selektor {cecha: wartość;}

Zbiór będę uzupełniać, jak się czegoś nauczę.