Категорія:
КСМ
|
Переглядів:
540
|
Додав:
Gryzley
|
Дата:
20.11.2013
|
|
Іноді потрібно встановити одночасно один стиль для всіх елементів веб-сторінки, наприклад, задати шрифт або накреслення тексту. У цьому випадку допоможе універсальний селектор, який відповідає будь-якому елементу веб-сторінки.
Для позначення універсального селектора застосовується символ зірочки (*) і в загальному випадку синтаксис буде наступний.
* {Опис правил стилю}
У деяких випадках вказувати універсальний селектор не обов'язково. Так, наприклад, записи *. class і. Class є ідентичними за своїм результатом.
У прикладі 13.1 показано один з можливих додатків універсального
селектора - вибір шрифту і розміру тексту для всіх елементів документа.
Приклад 13.1. Використання універсального селектора
<
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
449
|
Додав:
Gryzley
|
Дата:
20.11.2013
|
|
Дочірнім називається елемент, який безпосередньо розташовується всередині батьківського елементу. Щоб краще зрозуміти відносини між елементами документа, розберемо невеликий код (приклад 11.1).
Приклад 11.1. Вкладеність елементів у документі
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<div class="main">
<p>
<em>Lorem ipsum dolor sit amet</em>,
consectetuer adipiscing elit, sed diem nonummy nibh eui
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
934
|
Додав:
Gryzley
|
Дата:
06.11.2013
|
|
Сусідніми називаються елементи веб-сторінки, коли вони йдуть безпосередньо один за одним у коді документа. Розглянемо кілька прикладів відношення елементів.
<p> Lorem ipsum <b> dolor </ b> sit amet. </ p>
Тег <B> є дочірнім по відношенню до тега <P>, оскільки він знаходиться всередині цього контейнера. Відповідно <P> виступає як батьківський елемент <B>.
<p> Lorem ipsum <b> dolor </ b> <var> sit </ var> amet. </ p>
Теги <VAR> і <B> ніяк не перекриваються і являють собою сусідні елементи. Те, що вони розташовані всередині контейнера <P>, ніяк не впливає на їхнє ставлення один до одн
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
740
|
Додав:
Gryzley
|
Дата:
30.10.2013
|
|
При створенні веб-сторінки часто доводиться вкладати одні теги всередину інших. Щоб стилі для цих тегів використовувалися коректно, допоможуть селектори, які працюють тільки в певному контексті. Наприклад, задати стиль для тега <B> тільки коли він розташовується всередині контейнера <P>. Таким чином можна одночасно встановити стиль для окремого тега, а також для тега, який знаходиться всередині іншого.
Контекстний селектор складається з простих селектор розділених пробілом. Так, для селектора тега синтаксис буде наступний.
Тег1 Тег2 {... }
У цьому випадку стиль буде застосовуватися до Тегу2 коли він розміщується всередині Тега1, як показано нижче.
<Тег1>
<Тег2> ... </ Тег2>
</Тег1>
Використання конт
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
726
|
Додав:
Gryzley
|
Дата:
23.10.2013
|
|
Коментарі в CSS починаються символом " / * " і закінчуються символом " * / " . Вони
можуть перебувати в будь-якому місці ( єдина умова , вони повинні бути
між <style> </ style > ) і їх вміст не впливає на каскадну
таблицю стилів. наприклад:
<style>
/ * Це css коментар * /
# outer { border : solid 1px # fff ;} / * це ще один коментар * /
</ style >
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
461
|
Додав:
Gryzley
|
Дата:
16.10.2013
|
|
В якості селектора може виступати будь-який тег HTML для якого
визначаються правила форматування, такі як: колір, фон, розмір і т.д. Правила задаються в наступному вигляді.
Тег {властивість1: значення; властивість2: значення; ... }
Спочатку вказується ім'я тега, оформлення якого буде перевизначено, великими або малими символами не має значення. Усередині фігурних дужок пишеться властивість CSS, а після двокрапки - його значення. Набір параметрів розділяється між собою крапкою з комою і може розташовуватися як в один рядок, так і в кілька (приклад 5.1).
Приклад 5.1. Зміна стилю тега параграфа
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
565
|
Додав:
Gryzley
|
Дата:
25.09.2013
|
|
Додати стилі CSS на веб-сторінку можна декількома способами, вони відрізняються своїми можливостями і призначенням.
Використовуючи таблиці пов'язаних стилів опис селекторів та їх властивостей розташовується в окремому файлі. Розширення файлу має бути css. Для того щоб документ використовував ці стилі застосовують тег <LINK>. Він розміщується в контейнер <HEAD>
Приклад. Підключення таблиці стилів CSS/
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
589
|
Додав:
Gryzley
|
Дата:
04.09.2013
|
|
Веб-сторінки готуються з використанням мови (X)HTML, яка досить нескладна. Для цієї мети використовують спеціальні веб-редактори — Adobe Dreamweaver, Aptana Studio (є як безкоштовна, так і платна версія), Nvu (безкоштовний) та ін. До того ж менш досвідченим користувачам можна скористатися засобами перетворення до HTML-формату документів, створених у середовищі текстових редакторів (Microsoft Office Word, OpenOffice, Word Perfect, тощо). Даний спосіб, окрім, явних переваг, має й недоліки. Так, створений у Word’і текст після перетворення перенасичений зайвим кодом, і, як наслідок, сторінки будуть "важчі”, ніж хотілося б.
...
Читати далі »
Категорія:
КСМ
|
Переглядів:
730
|
Додав:
Gryzley
|
Дата:
02.08.2013
|
|
Таблиці зручно задавати за допомогою HTML, бо в HTML можна робити вкладені елементи. Таблиця також складається з вкладених елементів. Таблиця (<table>) складається з рядків (<tr> – table row), кожен з яких також складається з клітинок (<td> – table data). А всередині клітинки може бути вже все що завгодно. Навіть ще одна таблиця. Виглядає це так:| Рядок 1 Стовпець 1 | Рядок 1 Стовпець 2 | Рядок 1 Стовпець 3 | | Рядок 2 Стовпець 1 | Рядок 2 Стовпець 2 | Рядок 2 Стовпець 3 | | Рядок 3 Стовпець 1 | Рядок 3 Стовпець 2 | Рядок 3 Стовпець 3 |
Категорія:
КСМ
|
Переглядів:
542
|
Додав:
Gryzley
|
Дата:
02.08.2013
|
| |