| k1 | k2 |
|---|---|
| border-collapse | Na początku ustawione jest jako separate, czyli rozdzielone kolumny. Ale możemy ustawić jako collapse czyli złączone. Te co widać są właśnie separate. |
| table-layout: fixed | Po ustaleniu szerokości będzie zwijało w komurce tekst |
| padding | ustawiamy odstępy tekstu od krawędzi, żeby nie wyglądało że jest upchane. |
| Poniżej będziemy zajmować się linkami. W tym celu dodatkowo stworzymy spis treści na stronie głównej indx. Aby łatwo można było przehodzić pomiędzy stronami. | |
| 1 nieodwiedzony 2 odwiedzony 3 gdy najedziemy myszką 4 link aktywny, jak klikamy na niego |
1 a:link w tak w css odnosimy się do linków które jeszcze nie były kliknięte i w klamrach ustalamy ich wygląd 2 a:visited a tak odnosimy się do już odwiedzonych 3 a:hover - gdy najedziemy myszką na link 4 a:active |
Poniżej stworzymy listę z dziwnymi znaczkami. Robi się to następująco:
|
|
Jest takie coś jak before. W css wpisuje się to np. ul li::before. Jak widać odnosimy się do pojedyńczych lini w liście, wtym wypadku wszystkich.
Polega to na tym że w selektorze jak wpiszemy np kolor żółty to nic się nie stanie, ponieważ selektor działa na zawartość przed. Wywołać ją można atrybutem content,
po którym wpiszemy tekst, który ma się wyświetlić przed każdą pozycją z listy. Może być to dowolny tekst, albo możemy dać gotowe emotikonki. Robimy to wpisująćw cudzysłów \34234342 - i jakaś liczba która jest przypisana do danej emotikonki.
Aby usunąć te znaki przed emotikonami musimy ustawić listy-style-type na none
|
|
| 1 opacity - przeźroczystość od 0-1. Jeżeli damy na diva to wszystko nam będzie przeźroczyste, nawet z tekstem 2 rgba - ustawiamy kolor i przeźroczystość np tła -- backgraund-color: rgba(6, 145, 6, 0.555) Poniżej znajduje się link powrotu do menu |
 |
| Możemy zmienić kursor myszki po najechaniu na jakiś element. Albo może się pojawić dymek w dowolnym miejscu po najechaniu na jakiś element. Zagadnienia przydatne do zrobienia tego: ::after - po zrób coś po Aby to zrobić stworzymy selektor o nazwie .ZmianaPoNajechaniu:hover::after - a w nim użyjemy takij cechy jak content: attr() - w środku nawiasu napiszemy nazwę atrybutu który chcemy użyć, np title Po najechaniu tutaj zmieni się kursor Teraz robimy pojawiający się komunikat Po najechaniu pojawi się dodatkowy napis: Teraz robimy dymek Po najechaniu pojawi się dymek Kolejny dymek Po najechaniu pojawi się kolejny dymek Aby dodać dymek na obrazek, należy zrobić taki myk... ponieważ after i before działają tylko na tekst, bierzemy tag img w spama i tylo :) | |
| not foo | |
| not p, foo | |