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

—  Клуб «Блок, Элемент, Модификатор»
                    [http://clubs.ya.ru/bem/]
                —  «Что такое БЭМ»
                    [http://bem.github.com/bem-method/pages/beginning/beginning.ru.html]


             Обязательно изучите – полезно для расширения кругозора, и прокачки скилов


             О цветах

             В WEB используется цветовая модель RGB, следовательно, красный цвет можно записать

             не только как red, но и ещё несколькими способами:

                    p { color: red }

                    p { color: #ff0000 }
                    p { color: #f00 } /* сокращенная запись, экономит 3 байта */

                    p { color: rgb(255, 0, 0) }


             С  появлением  CSS3,  указывая  цвет,  мы  также  можем  задать  значение  α-канала,  т.е.
             прозрачность:



                    p { color: rgba(255, 0, 0, 1) } /* обычный текст */
                    p { color: rgba(255, 0, 0, 0.5) } /* полупрозрачный текст */



             Ещё  одна  примочка  CSS3  –  это  возможность  использования  цветовой  модели  HSL  (hue
             saturation lightness – тон, насыщенность и светлота) и HSLA (HSL + α-канал):


                    p { color: hsl(  0, 100%, 50%) } /* красный */
                    p { color: hsl(120, 100%, 50%) } /* зелёный */

                    p { color: hsl(240, 100%, 50%) } /* синий */
                    p { color: hsla(0, 100%, 50%, 0.5) } /* полупрозрачный красный */



             Для перевода из HSL в RGB существует простой алгоритм, но пока не стоит им себя грузить


                    Да кто этим HSL пользуется? Не морочьте себе голову.










                                                                                                         14


                                                                                        www.trk.kg
   9   10   11   12   13   14   15   16   17   18   19