Съдържание
Внасянето на промени в CSS декларациите ("Cascading Style Sheet"), прилагани към HTML елемент, може да изглежда като сложна задача. Въпреки това, докато системно се приближава, е възможно да се направят необходимите промени без усложнения. Една уеб страница може да използва свойствата на стила от множество източници. По този начин първоначалната ви задача ще бъде да разберете откъде идват декларациите за вашия "div". Веднъж разположени, можете да им попречите да имат ефект върху елемента, като промените HTML или CSS кода.
инструкции
-
Разберете къде се съхранява CSS на уеб страницата. CSS кодът може да се появи инлайн, което означава, че декларациите за стил са изброени като част от маркирането на елемент, както в синтаксиса на следния пример: Съдържание
Ако този код се появи във вашия "div", можете да премахнете целия атрибут "стил" със стойността му. CSS кодът може да се появи в раздела "глава" на страницата, както следва: body {background-color: # 000000;}
CSS кодът може също да се появи в един или повече отделни CSS файлове с връзки в раздела "глава" на страницата, както следва:
-
Ако страницата ви има CSS код в раздела "главата" или в отделни файлове, ще трябва да търсите през целия CSS код, за да промените стила на елемента "div".
-
Проверете за CSS кода, отнасящ се до елементите "div". CSS може да се приложи към тип елемент, като например: div {padding: 5px; }
Ако CSS в "главата" на вашата страница или отделни файлове имат идентификатор "div", използван по този начин, кодът вътре в CSS блока ще засегне неговия елемент. За да промените ефекта върху вашия "div", но нека кодът да бъде приложен към други "div" елементи в сайта, можете да промените "div" на друг тип елемент. Като алтернатива можете да промените CSS кода, който да се прилага само към елементите "div" с определен клас атрибут, като добавите този атрибут към тези елементи "div", към които искате да се прилага CSS.
-
Проверете за CSS кода, отнасящ се до класа на вашия елемент. HTML елементите имат атрибути на класа, както следва: Топ съдържание
Ако вашият "div" има атрибут class, вижте стойността на атрибута във вашия CSS код. Тя може да се появи в свой собствен атрибут, както следва: .top {/CSS декларации/ }
Алтернативно, тя може да се появи заедно с типа елемент, както следва: div.top {/CSS декларации/ }
Ако се появи някой от тях, можете да попречите на декларациите да се прилагат към елемента ви, като промените или премахнете неговия клас атрибут. Премахването на CSS кода може да засегне други елементи с класа, а не само елемента, върху който се работи.
-
Проверете CSS кода за идентификатора на елемента. Елементът ви може да има уникален атрибут ID, както следва: Най-високо съдържание
Ако вашият елемент има атрибут ID, потърсете го в CSS, като потърсите следния синтаксис:
позиция {
/CSS декларации/ }
Във всяка страница стойността на атрибут на ID трябва да се показва само веднъж, тъй като идентификацията трябва да е уникална. Промяната на стойността на атрибута ID трябва да предотвратява въздействието на CSS кода върху елемента "div". Все още можете по желание да промените или премахнете CSS кода, но това може да засегне елементи със същия идентификационен номер на други страници на сайта Ви, ако използват един и същ CSS код.
-
Потърсете CSS кодове, които засягат родителските или дъщерните елементи на вашия "div". CSS кодът за родителските елементи ще има реакция на вашия "div", така че може да се наложи да направите промени в този код, въпреки че те могат да засегнат останалата част от сайта Ви. Елементите в „div“ също могат да са адаптирани CSS код. Проверете с помощта на същия метод, използван за самия "div", като работите с всеки от елементите на детето в даден момент.
съвети
- Браузърните инструменти, като Firebug, могат да бъдат полезни при промяна на HTML и CSS кода.
предупредителен
- Промените в съществуващ сайт могат да имат неочаквани последици. Поради тази причина се препоръчва да запазвате копия на всички файлове, които планирате да промените.
