----8<----
----8<----
----8<----
|
Формативание блока псевдоклассов также псевдоэлементов
Формативание блокаБлоком в каскадных листах стилей принято вычислять фрагмент страницы либо ее наполненный емкость, помещенный в контейнеры <P> также <DIV>, а схоже <BODY> (если страница в целом). Форматированием блока является изменение его параметров, таких как: ширина также вышина блока, наружные плюс внутренние отступы от его границ, присвоение цвета также внешнего вида как отдельных линий (границ), так также всеобщего фона. Габариты блока в стилях указываются в свойствах width плюс height , при этом, как также повсеместно в таких случаях невозможно указывать отрицательные значения. В некоторых случаях для дизайна страниц приходится прибегать к переменным габаритам блока. Для этого в CSS предусмотрены свойства min-width, min-height (минимальная ширина также вышина блока) также max-widht/max-height (максимальные их значения). Внешние отступы от блока диктуют параметры: margin (отступы одинаковые), margin-left (отступ только слева), margin-right (отступ справа), margin-top (отступ сверху) также margin-bottom (отступ снизу). Схоже обретает применение свойство padding (отступ внутри блока). При задании фона блока div нужно применить свойство background-color, избрание значения которого никак не отличим от всеобщего применения цветов. В случае, ежели Вы захотите использовать в качестве фона какое-либо изображение, то применяйте свойство background-image, при этом в значении укажите адрес также имя файла нужного изображения. Ограничить возобновление изображения в фоне блока разрешено свойством background-repeat также его значениями: repeat-x (повторение по оси X), repeat-y (по оси Y) также no-repeat (без повторений). При необходимости зафиксировать фоновое изображение, для того, дабы оно оставалось неподвижным при прокручивании используйте значение fixed в свойстве background-attachment. Для изменения параметров рамки блока применяются свойства, начинающие со слова BORDER. Так при подмоги border-width разрешено установить одинаковые значения для всех четырёх границ блока, только в значениях border-left-width, border-right-width, border-top-width также border-bottom-width описывается конкретная грань. По схожему представлению применяются: border-color (цвет линий рамки блока) плюс border-style (внешний вид линий). Про последнее свойство нужно добавить, что они имеют несколько, неизученных нами, значений:
Из вышеизложенного разрешено предположить, что манера блока может владеть последующий вид: .box {width: 200px; height: 100px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 15px; padding: 5px; border-width-left: 1px; border-width-right: 0px; border-width-top: 0px; border-width-bottom: 5px; border-color: #202020; border-style: solid} Форматирование псевдоклассов также псевдоэлементовК этой категории относятся элементы Web-страниц, которых сложно отнести к обычным элементам. Псевдоклассы это - ссылки, first-child также lang (язык). В спецификации CSS 2.0 они описаны как:
В каскадных листах стилей при форматировании ссылок применяются те бла бла значения, что также к обычному тексту. При описании других псевдоклассов в CSS пред их значениями указывается символ ">". К псевдоэлементам в стилях относятся свойства:
 |
----8<----
|
|