Модифициране на стил

Важно : Тази статия е преведена машинно – вижте отказа от отговорност. Английската версия на тази статия за справка можете да намерите тук .

Когато искате да редактирате свойствата на стил в външни, вградени или вътрешни каскаден лист със стилове (CSS), можете да започнете с прозореца на задачите на CSS свойства , или прозореца на задачите Прилагане на стилове . Прилагане на стилове на задачите ви позволява да редактирате всеки стил, който се съдържа в листове със стилове на текущата уеб страница, дори стилове, който не използва уеб страницата. CSS свойства на задачите ви позволява да редактирате само стилове, който използва текущата уеб страница, стилове, които можете да изберете в изглед на код или стил в отворен външни .css файл.

Забележка : Ако искате да преименувате класово стил и едновременно да актуализирате всички препратки към този стил, използвайте командата Преименуване на класа в прозорци на задачите Прилагане на стилове, Управление на стиловеили CSS свойства . Ако преименувате класово стил с помощта на диалоговия прозорец Промяна на стил вместо това, препратки към този стил не са актуализирани. Независимо от метода, който използвате, за да преименувате ИД базирани стилове или промяна на типа на селектора на всякакъв вид стил на препратки към този стил не се актуализират; трябва да ги актуализирате сами.

Какво искате да направите?

Преименуване на класово стил

Модифициране на стил с помощта на прозореца на задачите на CSS свойства

Модифициране на стил с помощта на диалоговия прозорец промяна на стил

Преименуване на класово стил

  1. Отворете уеб страница, която съдържа CSS, който съдържа класово стил, който искате да промените.

  2. Направете едно от следните неща:

    • В прозореца на задачите Прилагане на стилове посочете класово стил, щракнете върху стрелката надолу и след това щракнете върху Преименуване на класа.

    • В раздела Управление на стилове на задачите или CSS свойства на задачите щракнете с десния бутон класово стил и след това щракнете върху Преименуване на класа.

  3. В диалоговия прозорец Преименуване на класа , в полето Ново име въведете ново име за класа. Не е нужно да въведете точка (.) преди новото име на класа.

  4. За да актуализирате името на класа във всички съществуващи препратки към класа, щракнете върху Преименуване на клас препратки в (#) файлове, които използват този лист със стилове.

  5. Щракнете върху OK.

Най-горе на страницата

Модифициране на стил с помощта на прозореца на задачите на CSS свойства

  1. Отворете уеб страница, която използва стила, който искате да модифицирате.

  2. В прозореца на задачите на CSS свойства ако стила, който искате да промените не се показва в списъка с Приложени правила , поставете курсора в съдържанието или изберете съдържание, което използва стила, който искате да модифицирате.

  3. В списъка с Приложени правила щракнете върху името на стила, който искате да модифицирате.

  4. В раздела CSS свойства на прозореца на задачите на CSS свойства Задайте свойствата, които искате.

Най-горе на страницата

Модифициране на стил с помощта на диалоговия прозорец промяна на стил

  1. Отворете всяка уеб страница, която съдържа CSS, който съдържа стила, който искате да модифицирате.

  2. Направете едно от следните неща:

    • За да промените класово, базирани на елемент или базирани на ИД на стил, посочете стила в прозореца на задачите Прилагане на стилове , щракнете върху стрелката надолу и след това щракнете върху Промяна на стил.

    • За да промените вграден стил, поставете курсора в съдържанието или изберете съдържание, което използва стила, посочете стил в прозореца на задачите Прилагане на стилове , щракнете върху стрелката надолу и след това щракнете върху Промяна на стил.

    • В списъка Приложени правила в прозореца на задачите на CSS свойства щракнете с десния бутон стил и след това щракнете върху Промяна на стил. Ако стила, който искате да промените не се вижда в списъка Приложени правила в прозореца на задачите, поставете курсора в съдържанието или изберете съдържание, което използва стила, който искате да модифицирате.

  3. За да промените име на стил и селектор на тип, в полето селектор на диалоговия прозорец Промяна стил направете едно от следните неща:

    Забележка : Класа и ИД селектор на имената не могат да съдържат интервали, освен ако създавате сложен селектор.

    • За да използвате селектор на елемент, щракнете върху име на елемент в падащото поле селектор .

    • За да използвате селектор на ИД, въведете знак за номер (#), последвано от уникално име.

    • За да използвате вградено селектор, щракнете върху вграден стил на менюто за избор на поле.

    • За да използвате селектор на класа, въведете точка (.), последвано от уникално име.

      Забележка : За да преименувате съществуващ класово стил и автоматично да актуализира всички съществуващи препратки към този стил, използвайте процедурата в раздела Преименуване класово стил.

  4. В полето категория щракнете върху едно от следните неща и да зададете свойствата, които искате да форматирате:

    • Шрифт задава шрифта свойства, включително размер, тегло, украса и цвят.

    • Блок задава височина на ред, подравняване на текст, отстъп на текста и разредката на текста.

    • Фон задава фоновия цвят и фон свойства на изображението.

    • Граница задава граница и свойствата му.

    • Поле задава допълването и марж свойства на полето и блокови елементи.

    • Позиция задава размерите и позицията на поле и блокови елементи.

    • Оформление задава видимост плаващ и обтичане поведение, изрязване и други свойства на оформлението на полето и блокови елементи.

    • Списък задава свойствата на елементите от списъка, включително тип, позиция и изображението.

    • Таблица задава свойствата на таблицата, свързани с елементи, включително разредка, оформление, свойства на границата.

  5. Щракнете върху OK.

Най-горе на страницата

Забележка : Отказ от отговорност за машинен превод: Тази статия е преведена от компютърна система без човешка намеса. Microsoft предлага тези машинни преводи, за да помогне на потребителите, които не говорят английски, да се възползват от съдържанието за продукти, услуги и технологии на Microsoft. Тъй като статията е преведена машинно, е възможно да съдържа грешки в речника, синтаксиса и граматиката.

Разширете уменията си
Преглед на обучението
Получавайте първи новите функции
Присъединете се към участниците в Office Insider

Беше ли полезна тази информация?

Благодарим ви за обратната връзка!

Благодарим ви за вашата обратна връзка. Изглежда, че ще бъде полезно да ви свържем с един от нашите агенти по поддръжката на Office.

×