Блок елемент в оформлението, посочен от DIV таг.
Най-DIV е различен от р?
Ето един код е препоръчително да се използва за точка в целия проект. Не трябва нищо повече, добре, с изключение на това увеличаване на шрифта и промените цвета на текста на някои от блоковете:
Не е необходимо да се предвидят главни елементи в имота на CSS дисплей: блок - това е повод да благодарим на капачката.
Позиция за DIV
И сега най-интересното - позициониране. Когато устройството се поставя върху страницата, има стандартните параметри: ширината на родител 100%, позиционирането на статично. В този модул за позициониране в страницата като в чашата: тя се измества - измества всичко под него (или над него, ако се измести от дъното).
Възможно е да добавите блок на плувка имота: ляво (вдясно). В този случай, размера на блока е с намален размер на съдържанието му, и всичко, което е по-ниска - тя се увива с надясно или наляво.
родителско устройство, вътре в който има Разделение в поплавъка: ляво или дясно, губи своята височина. В този случай, трябва да го добавите в CSS псевдо-елемента.
Ако не се регистрирате псевдо отстъп надолу не работи.
позиция спрямо
Ако елементът е възложена на позицията на CSS имот: роднина, това е самият той, както следва:
- елемент по подразбиране заеме своето място в "чашата" на страницата му ширина и височина.
- Елементът може да се избута свойства ляво и дясно горе, долу - това ще се измени, като ако това не е в страницата. При пристигането в съседните елементи.
- Имоти марж елемент ще се движат без "величествените" съседните елементи
позиция абсолютна
Важно е да се разбере действието на тази стойност. Той е в основата на блок оформление на HTML-страници. Ако елементът се възлага на имота в CSS, тя се показва от браузъра, като че ли липсва в общата опашка. контролен елемент позиция се извършва с помощта на ляво, дясно, горе, долу. Преброяване от границите на родителското устройство. Родител блок е първият блок, в който се намира, с нашата позиция: абсолютна позиция и който имот е настроен на роднина, абсолютни или фиксиран. Ако не бъде намерен такива блокове в дърво HTML маркирането на, графът отива от горния ляв ъгъл на страницата.
Не се учудвайте, че блок с кода добавя в долната част на страницата:
Това ще бъде някъде в заглавната част, въпреки че трябва да е долния, 10 пиксела от горния ляв ъгъл. Ситуацията ще се коригира един ред:
Също така много важен е фактът, че pozitsionirovniya свойства могат да се дават отрицателна стойност, което е, да се поставят елементи на границите на блока на определено разстояние. Това е вярно за затваряне на изскачащи кръстове, икони до елементите от менюто и на редица други елементи от дизайна на сайта.
Попитайте име блок клас, така че да е ясно какво има в кутията. Ако новината е .news, съдържание - .content т.н.
фиксирано положение
Когато определена позиция блок, тя престава да функционира прозореца за превъртане. Позициониране определя местоположението на ръба на прозореца и преминете на страницата, не влияе върху неговата позиция. Елементът може да се избута свойства ляво и дясно горе, долу. Много полезна функция, която ви позволява да направите изскачащи-ите, различни раздели, прозорци, панели.
Ако настроите устройството на позицията: фиксирани свойства на горната и долната част на 25 пкс и настройте височината - тя ще се изчислява автоматично от браузъра, към долния и горния край на прозореца се отмества 25 пкс
Свързани статии