Зміст

• Інструкції
• заголовок
• Як
• Повідомлення

Внесення змін до CSS-декларацій ("Cascading Style Sheet"), застосованих до елемента HTML, може здатися складним завданням. Проте, доки систематично наближається, можна зробити необхідні зміни без ускладнень. Одна веб-сторінка може використовувати властивості стилю з декількох джерел. Таким чином, вашим першим завданням буде з'ясувати, звідки надходять декларації для вашого "div". Після розміщення ви можете запобігти їх впливу на елемент, змінивши код HTML або CSS.

Інструкції

Сайти використовують як HTML, так і CSS, щоб визначити вигляд і стиль (Comstock / Comstock / Getty Images)

1. Дізнайтеся, де зберігається CSS веб-сторінки. Код CSS може з'являтися вбудовано, що означає, що декларації стилів відображаються як частина позначення елемента як у синтаксисі наступного прикладу: Content

   Якщо цей код відображається в межах вашого "div", ви можете видалити весь атрибут "style" з його значенням. Код CSS може відображатися в розділі "голова" сторінки наступним чином: body {background-color: # 000000;}

   Код CSS може також відображатися в одному або декількох окремих файлах CSS зі посиланнями в розділі "голова" сторінки наступним чином:

2. Якщо ваша сторінка має CSS-код у розділі "голова" або в окремих файлах, вам потрібно буде шукати весь код CSS, щоб змінити стиль для елемента "div".

   
   

3. Перевірте код CSS, що посилається на елементи "div". CSS може бути застосований до типу елемента, наприклад: div {padding: 5px; }

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

4. Перевірте код CSS, який посилається на клас вашого елемента. Елементи HTML мають атрибути класу наступним чином: Top content

   Якщо у вашому "div" є атрибут класу, див. Значення атрибута у вашому CSS-коді. Він може з'являтися у власному атрибуті: .top {/CSS-декларації/ }

   
   

   Альтернативно, він може з'являтися разом з типом елемента наступним чином: div.top {/CSS-декларації/ }

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

5. Перевірте код CSS для вашого ідентифікатора елемента. Ваш елемент може мати унікальний атрибут ID, а саме: Найкращий вміст

   Якщо ваш елемент має атрибут ID, шукайте його в CSS, шукаючи наступний синтаксис:

   заголовок

   /CSS-декларації/ }

   На кожній сторінці значення атрибута ідентифікатора має з'являтися лише один раз, оскільки ідентифікатор повинен бути унікальним. Зміна значення атрибута ID повинна запобігати впливу коду CSS на елемент "div". Додатково можна змінити або видалити код CSS, але це може вплинути на елементи з однаковим ідентифікатором на інших сторінках вашого сайту, якщо вони використовують один і той же код CSS.

6. Шукайте коди CSS, які впливають на батьківські або дочірні елементи вашого "div". Код CSS для батьківських елементів буде реагувати на ваш "div", тому вам може знадобитися внести зміни до цього коду, хоча вони можуть вплинути на решту вашого сайту. Елементи в межах вашого "div" також можуть мати адаптований код CSS. Перевірте, використовуючи той самий метод, який використовується для самого "div", працюючи з кожним з дочірніх елементів одночасно.

Як

• Інструменти браузера, такі як Firebug, можуть бути корисні при зміні HTML і CSS-коду.

Повідомлення

• Зміни на існуючому сайті можуть мати несподівані наслідки. Тому рекомендується зберігати копії всіх файлів, які ви плануєте змінити.