Page 17 - jQuery для начинающих
P. 17

Полезные статьи по теме:
                    —  «Блочные элементы»
                       [http://htmlbook.ru/content/blochnye-elementy]
                    —  «Встроенные элементы»
                       [http://htmlbook.ru/content/vstroennye-elementy]



             Плавающие элементы


             Я  бы  хотел  ещё  рассказать  о  CSS  свойстве  float,  но  боюсь,  рассказ  будет  долгим  и
             утомительным, но если кратко: если вы указываете элементу свойство float, то:
                    —  наш элемент будет смещён по горизонтали, и «прилипнет» к указанному краю

                       родительского элемента
                    —  если  это  был  блочный  элемент,  то  теперь  он  не  будет  занимать  всю  ширину
                       родительского элемента, и освободит место
                    —  если следом идут блочные элементы, то они займут его место
                    —  если  следом  идут  строчные  элементы,  то  они  будут  обтекать  наш  элемент  со
                       свободной стороны

             Это поведение «по умолчанию», как это выглядит в живую можно посмотреть на примере
             css.float.html. Тут главное надо понимать происходящее, и уметь управлять, если конечно
             вы хотите хоть чуть-чуть научиться верстать :)

             Жизненно необходимая информация для верстальщиков:
                    —  «Раскладка в CSS: float»

                       [http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/]



             Позиционирование

             Дам лишь вводную по position – у него бывает лишь четыре значения:

                —  static  –  положение  дел  «по  умолчанию»,  блоки  ложатся  друг  за  другом,  сверху

                    вниз, по порядку, без отклонений

                —  absolute – блок позиционируется согласно заданным координатам
                —  fixed – похоже на absolute, с той лишь разницей, что блок не будет скролиться

                —  relative – такой блок можно сдвигать относительно места где он расположен, ну и

                    все внутренние «абсолютные» блоки будут использовать данный элемент как точку

                    отсчета при позиционировании по координатам


             Для самостоятельного изучения:

                    —  «Раскладка в CSS: позиционирование»

                       [http://softwaremaniacs.org/blog/2005/08/03/css-layout-positioning/]


                                                                                                         17


                                                                                        www.trk.kg
   12   13   14   15   16   17   18   19   20   21   22