Narzędzia diagnostyczne i konfiguracyjne
msinfo32 msconfig regedit dxdiag compmgmt.msc
20 przedmiotów
CSS
[MK, 20/21]
Lekcja 1. Obrazki
Jak działa CSS?
Czym jest CSS
- Skrótowiec CSS oznacza Kaskadowe arkusze styli (Cascading Style Sheets)
- CSS opisuje jak elementy HTML mają się prezentować na różnych ekranach lub po wydrukowaniu
- CSS oszczędza czas, ponieważ pozwala w jednym miejscu określić jak mają wyglądać elementy HTML znajdujące się w wielu plikach
Gdzie umieszczamy CSS
Definicje CSS możemy umieścić w trzech miejscach:
- W zewnętrznym pliku .css, który łączymy z plikiem HTML za pomocą elementu
<link>w nagłówku; external - Wewnątrz elementu
<style>w nagłówku pliku HTML; internal - Wewnątrz danego elementu HTML za pomocą atrybutu
style; inline
Najbardziej zalecanym sposobem jest umieszczanie definicji styli w osobnym pliki i dołączanie go do pliku HTML za pomocą fragmentu kodu: <link rel="stylesheet" href="style.css">, który umieszczamy wewnątrz elementu <head>. Plików ze stylami może być więcej niż jeden oraz mogą być w osobnym katalogu.
Jednak jeśli definicji styli jest niewiele, to wystarczające jest zamieszczenie ich w dokumencie HTML. Należy jednak pamiętać o tym, że przeglądarki stosują definicje styli w kolejności:
- external – jako pierwszy
- internal – jako drugi (nadpisuje poprzednie definicje)
- inline – trzeci (nadpisuje poprzednie definicje)
Budowa stylu
Jeśli umieszczamy style wewnątrz jakiegoś elementu HTML (inline), to robimy to według zasady: własność: wartość;. Przykład:
<td style="background-color: yellow; border: 1px solid brown; padding: 10px;">6,29 zł</td>Jeśli umieszczamy style wewnątrz elementu <style> (internal) lub w osobnym pliku (external), to robimy to w następujący sposób:
selektor {
własność: wartość;
}Jeśli jakiś styl chcemy zignorować, ale nie usuwać, to umieszczamy go wewnątrz komentarza:
body {
/* display: none; */
}Pytania
2023-11-13 18:26:58 2023-12-25 01:12:31