CSS

Для чого потрібні таблиці стилів? , CSS, HTML, XML, DHTML, статті

Каскадні таблиці стилів або CSS (від англійського Cascading Style Sheets) є наслідком подальшого розвитку HTML і дають нам можливість перейти на наступний рівень представлення інформації. Таблиці стилів дозволяють розділити смислове вміст сторінки та її оформлення.

Пам'ятка по CSS

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

Випадають меню за допомогою CSS

Drop-Down Menus, Horizontal Style Кожен, кому доводилося створювати меню, що випадають, знайомий з тим, яку кількість скриптів потрібно для цього. Між тим, використовуючи грамотно структурований HTML-код і нескладні CSS-правила, можна створити симпатичне меню, що випадає, яке легко змінювати і доповнювати, і при цьому воно буде працювати в безлічі браузерів, в тому числі і в Internet […]

Типи пристроїв

HTML представляє можливість задавати різні таблиці стилів для різних пристроїв (наприклад для, графічних дисплеїв, телевізійних екранів, принтерів, мобільних пристроїв і т.д.). Для цього існує атрибут media. Приклад:

Одиниці виміру.

У CSS одиниць виміру набагато більше, ніж у мові HTML, Що забезпечує більшу гнучкість при створенні інтерфейсу. Для початку визначимося з форматом значення довжини. Він складається з необов'язкового знаку ("+" або "-", за замовчуванням "+"), обов'язкового числа (з десятковою частиною, відокремлюваної десятковою крапкою, або без), та обов'язкового ідентифікатора розмірності – двобуквений абревіатура. Ідентифікатор розмірності після […]

Оформляємо абзац

Приступимо до форматування абзацу. Визначимо параметри полів, відступів і кордонів. Для установки ширини полів використовується властивість margin. Правило margin:50px встановить для кожного поля ширину 50 пікселів. Більшість випадків вимагає щоб кожне поле мало свою ширину. Для завдання ширини верхнього поля використовуйте margin-top, Для правого – margin-right, Для нижнього – margin-bottom, Для лівого – margin-left.

Організація CSS-файлів

CSS Organization Tip 1: Flags Вам доводилося писати та працювати з великими CSS-файлів? Мучилися з нескінченним скролінгом вгору-вниз у пошуках потрібної частини коду? CSS-файли, з якими я працюю, часто дуже великі. Постійно доводиться прокручувати кілька екранів вниз-вгору, щоб змінити те чи інше правило, або додати нове. Працюючи над поточним проектом, я вирішив скористатися маленькою прийомом, […]

Чим відрізняються id і class

17.01.06Автор статті, Іван Сагалаєв попереджає, що даний матеріал надає собою поточні замітки по темі, а не закінчену роботу.Ваші коментарі і доповнення до статті вітаються в авторському блозі Маніакальний Веблог

Відвідані посилання. Visited links

Все в гіперпросторі пов'язано між собою гіперпосиланнями. Майже кожен перехід з однієї сторінки на іншу сторінку має на увазі попередній клацання мишею по певному посиланню. Як дати відвідувачу сайту знати про те, що він уже відвідував сторінку, на яку веде певна посилання?

Включення стилів до документа.

Завдання стилів всередині документа. Перший і найпростіший спосіб – задати стиль безпосередньо в самому тезі. Для цього використовується атрибут style зі списком властивостей і їх значень: <p style="color:#005500; margin-left:30px; font-style:italic"> Зелений текст … </p>