Для начала мы создадим файл, куда будем прописывать стили для элементов HTML. Назовем наш файл «cascadе.css» обязательно с расширением «.css» потом привязываем к нему те страницы нашего сайта на которые мы хотим чтобы распространялись наши стили. А делается это следующим образом: 1. Открываем файл «html» на который будет распространятся «css» 2. Вставляем между тэгами <head>… Читать далее »
В этой главе мы поговорим о том, как с помощью CSS присвоить цвет элементу и его фону, а так же о том, как использовать рисунок в качестве фона элемента и управлять его положением. Цвет в CSS может быть задан тремя методами: Именным значением, например:blue— синий. Значением цвета RGB, например: RGB(0,0,255) — синий. Шестнадцатеричным значением цвета… Читать далее »
Назначение стилей нескольким элементам одной страницы – создание внедренной таблицы стилей Допустим, мы хотим, чтобы все абзацы на странице выглядели, как в предыдущем примере, все заголовки первого уровня отображались шрифтом «Arial» зеленого цвета полужирного начертания размером 16 пунктов, а все заголовки второго уровня – шрифтом «Helvetica» размером 14 пунктов полужирного курсивного начертания желто-зеленого цвета. Для… Читать далее »
В примере ниже в качестве фона элемента «body» используется голубой цвет, а для блока «div» изображение: файл: «cascadе.css» body {background-color: #AAFFFF;} .primer { background-image: url(image/coloboc3.png); border: 3px solid blue; position: absolute; top:200px; left:300px; height:500px; width=»99%»; } a {color:#B619FF; font-weight: bold;} a:hover {color:#ff0000; font-weight: bold; text-decoration:none;} h1 {color: #0000ff; font-size:18px;} h2 {color: #9E0037; font-size:16px;} p {color:… Читать далее »
В этом разделе мы познакомимся с технологией: CSS CSS (Cascading Style Sheets) — Каскадные таблицы стилей — это свод стилевых описаний, тех или иных HTML тегов (элементов HTML), который может быть применён как к отдельному тегу (элементу), так и одновременно ко всем идентичным элементам на всех страницах сайта. CSS по сути своего рода дополнение к… Читать далее »
Допустим, мы хотим, чтобы все абзацы отображались шрифтом «Times New Roman» размером 12 пикселей темно-зеленого цвета. Для этого следует прописать атрибут «style» тега <body>, присвоив ему соответствующее значение: <body style=»font-family: ‘Times New Roman’, serif; font-size:12pt; color: darkgreen;»> <html> <head> <title>Моя первая страница css</title> </head> <body style=»font-family: ‘Times New Roman’, serif; font-size:12pt; color: darkgreen;»> <p>Обратите внимание… Читать далее »