Понеділок, 25.11.2024, 12:25
Головна Реєстрація RSS
Вітаю Вас, Гість
Меню сайту
Реклама
Категорії розділу
Архітектура ПК [1]
Архітектура та експлуатація персонального комп'ютера
СПЗ [12]
Системне програмне забезпечення та операційні системи
Комп'ютерна графіка [25]
КСМ [28]
Комп'ютерні системи та мережі
ІСІТО [1]
Інформаційні системи і технології обліку
Бухгалтерський облік [0]
АМтП [10]
Алгоритмічні мови та програмування
Копирайт рерайт [1]
СУБД [18]
Системи управління базами даних
ОКТ практикум [2]
Основи комп'ютерних технологій практикум
Інформатика (практ) [1]
інформатика практикум, практичні заняття
ТіОБВ [61]
Технологія і організація будівельного виробництва
ОСАПр [6]
Основи систем автоматизованого проектування, AutoCAD, ArchiCAD
ТіОБВ (заочники) [1]
Пошук
Статистика
Яндекс.Метрика
Онлайн всього: 1
Гостей: 1
Користувачів: 0
Форма входу
Календар
«  Грудень 2013  »
ПнВтСрЧтПтСбНд
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Архів записів
Головна » 2013 » Грудень » 04
Правила створення стилю
При написанні досить об'ємного CSS-файлу слід дотримуватися деяких загальних рекомендацій, які допоможуть уникнути помилок, зробити код зрозумілим і зручним.

Пишіть всі правила для кожного селектора в одному місці

Допускається для кожного селектора додавати кожен стильовий параметр і його значення окремо, як це показано у прикладі 18.1.

Приклад 18.1

TD { background: olive; }
 TD { color: white; } 
TD { border: 1px solid black; }

		... 
		
			Читати далі »
Категорія: КСМ | Переглядів: 551 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Псевдоелементи в CSS
Псевдоелементи дозволяють задати стиль логічних елементів, що не визначені в дереві елементів документа, а також генерувати вміст, якого немає у вихідному коді тексту. Наприклад, об'єктна модель документа не пропонує зручного механізму для доступу до першого символу тексту, тому псевдоелементи дозволяють змінити стиль недоступного іншим чином елемента. Синтаксис використання псевдоелементів наступний.

Селектор:Псевдоелемент{Опис правил стилю}

Спочатку слідує ім'я селектора, потім пишеться двокрапка, після якого йде ім'я псевдоелемента. Кожен псевдоелемент може застосовуватися тільки до одного селектору, якщо потрібно встановити відразу декілька псевдоелементів для одного селектора, правила стилю повинні додаватися до них окремо, як показано нижче.

.Foo:first-letter {color: red} .Foo:first-line{font-style: italic}

... Читати далі »
Категорія: КСМ | Переглядів: 832 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Псевдокласи в CSS
Псевдокласи визначають динамічний стан елементів, які змінюються з часом або за допомогою дій користувача, а також положення в дереві документа. Прикладом такого стану служить текстове посилання, яке змінює свій колір при наведенні на нього курсора миші. При використанні псевдокласів браузер не перевантажує поточний документ, тому з їхньою допомогою можна отримати різні динамічні ефекти на сторінці. Синтаксис застосування псевдокласів наступний.

Елемент:Псевдоклас {Опис правил стилю}

Спочатку слідує елемент, до якого додається псевдоклас, потім ставиться двокрапка, після чого йде ім'я псевдокласа. Допускається застосовувати псевдокласи до імен ідентифікаторів або класів (a.menu: hover {color: green}) і контекстних селекторів (.menu a: hover {background: #fc0} ... Читати далі »
Категорія: КСМ | Переглядів: 1663 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Типи носіїв в CSS
Широкий розвиток різних платформ і пристроїв змушує розробників робити під них спеціальні версії сайтів, що досить трудомістко і проблематично. Разом з тим, часи і потреби змінюються, і створення сайту для різних пристроїв є неминучим і є необхідною ланкою його розвитку. З урахуванням цього в CSS введено поняття типу носія, коли стиль застосовується тільки для певного пристрою. У табл. 3.1 перераховані деякі типи носіїв. ... Читати далі »
Категорія: КСМ | Переглядів: 900 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Класи в CSS
Класи застосовують, коли необхідно визначити стиль для індивідуального елемента веб-сторінки або задати різні стилі для одного тега. При використанні разом з тегами синтаксис для класів буде наступний.
Тег.Імя_класу {властивість1: значення; властивість2: значення; ... }
Всередині стильової таблиці спочатку пишеться бажаний тег, а потім, через крапку користувальницьке ім'я класу. Щоб вказати в коді HTML, що тег використовується з певним стилем, до тегу додається параметр class = "Ім'я_класу" (приклад 6.1).

Приклад 6.1. Використання класів c тегами

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <meta
		
		... 
		
			Читати далі »
Категорія: КСМ | Переглядів: 759 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Ідентифікатори в CSS
Ідентифікатор (званий також «ID селектор») визначає унікальне ім'я елемента, який використовується для зміни його стилю і звернення до нього через скрипти, що дозволяє керувати стилем елемента динамічно. Синтаксис використання ідентифікатора наступний.
#Ім'я_ідентифікатора {властивість1: значення;властивість2: значення; ... }
На відміну від класів ідентифікатори повинні бути унікальні, іншими словами, зустрічатися в коді документа лише один раз. Звернення до ідентифікатора відбувається аналогічно класам, але в якості ключового слова у тега використовується параметр id, значенням якого виступає ім'я ідентифікатора (приклад 7.1). Символ решітки при цьому вже не вказується.

Приклад 7.1. Використання ідентифікатора

<!DOCTYPE HTML PUBLIC "-//W3C/
		
		... 
		
			Читати далі »
Категорія: КСМ | Переглядів: 690 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)

Успадкування в CSS
Успадкуванням називається перенесення правил форматування для елементів, що знаходяться всередині інших. Такі елементи є дочірніми, і вони успадковують деякі стильові властивості своїх батьків, всередині яких розташовуються. Розберемо успадкування на прикладі таблиці. Особливістю таблиць можна вважати строгу ієрархічну структуру тегів. Спочатку слідує контейнер <TABLE> всередині якого додаються теги <TR>, а потім йде тег <TD>. Якщо в стилях для селектора TABLE задати колір тексту, то він автоматично встановлюється для вмісту осередків, як показано у прикладі 15.1.

Приклад 15.1. Спадкування параметрів кольору

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http
		
		... 
		
			Читати далі »
Категорія: КСМ | Переглядів: 648 | Додав: Gryzley | Дата: 04.12.2013 | Коментарі (0)