Title Header


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris.Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.Lorem ipsum dolor sit amet

Get Adobe Flash player

Pozycjonowanie ustalamy za pomocą position.

selektor { position: wartość; }

Właściwość position może przyjmować wartości:

  • absolute - element znajduje się w miejscu zdefiniowanym przez wartości left, right, top, bottom względem bloku, w którym został umieszczony
  • relative - definiowana na podstawie rzeczywistego umiejscowienia na stronie, przesuwanie następuje za pomocą wartości left, right, top, bottom
  • fixed - pozycja ustalana względem okna przeglądarki, przesuwanie następuje za pomocą wartości left, right, top, bottom
  • static - wyłączenie pozycjonowania

Margin HTML – Margines HTML

Odstęp pomiędzy poszczególnymi elementami w języku HTML uzyskujemy poprzez margines. Margines przypisywany jest indywidualnie do każdego elementu html. Możemy dowolnie modyfikować odstęp z czterech stron danego elementu, dlatego istnieją cztery różne rodzaje marginesu:

margin-top     /* górny margines */
margin-right   /* prawy margines */
margin-bottom  /* dolny margines */
margin-left    /* lewy margines */

margin top right bottom left kurs html

Można pokusić się o stwierdzenie, że margines to nie jest do końca część elementu, a raczej jedynie jego odstęp. Obszar objęty marginesem nie przyjmuje tła elementu html przypisanego do niego, tylko jego rodzica.

Wartość marginesu wyrażana jest najczęściej w px. Sposobów definiowania marginesów jest kilka. Możemy np. zdefiniować wszystkie cztery marginesy w jednym zapisie.

Margin top=right=bottom=left

margin: 20px; /* top=right=bottom=left */

margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;

Margin top, right, bottom, left

margin: 10px 20px 30px 40px; /* top, right, bottom, left */

margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;

Jeśli zapisujemy marginesy używając jednej deklaracji CSS, musimy pamiętać, że zawsze zaczynamy tą deklarację od marginesu górnego, a następnie poruszamy się zgodnie z ruchem wskazówek zegara (górny, prawy, dolny, lewy).

Margin top=bottom, right=left

margin: 20px 30px; /* top=bottom, right=left */ 

margin-top: 20px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 30px;

Margin top, right=left, bottom

margin: 20px 0 30px; /* top, right=left, bottom */

margin-top: 20px;
margin-right: 0;
margin-bottom: 30px;
margin-left: 0;

Jeśli deklarujemy zerową wartość, to dobrą praktyką jest nie dopisywanie wartości px.

Własność background-image ustawia obrazek tła dla elementu.

Składnia

background-image: uri | none | inherit

więcej

Poznajmy najpopularniejsze właściwości CSS z pomocą których wpłyniemy na najważniejsze aspekty wyglądu tekstu na stronie. Plan wykładu: krój czcionki (font-family), rozmiar (font-size), waga (font-weight), styl (font-style), wyrównanie (text-align), zmiana wielkości liter (text-transform), dekoracja (text-decoration), odstęp pomiędzy znakami (letter-spacing), wysokość linii tekstu (line-height)

więcej

Copyright © 2024 School's Fun  Rights Reserved.