Учебник HTML - промяна на цвета на текста и фона
В този урок ще се научите как да промените цвета на фона и текста на всички елементи на HTML-страници. Като цяло, в HTML, някои тагове имат специални атрибути променят цвета си, например, BGCOLOR (цвят на фона). Но, първо, тези атрибути са остарели (мисля, че си спомняте какво означава това), и второ, както вече казах, те не са всички маркери. Така че, да речем, че искате да промените цвета на фона на текста на параграф. И как да го направя, защото маркера
няма такова атрибут? Поради това, както и в предишните уроци, ние ще използваме стилове (CSS), тогава има универсален стил атрибут. което ще ни позволи да промените цвета на къде искаме да.
Как мога да посоча цветове?
Цветовете могат да бъдат въведени по няколко начина в HTML (и CSS), аз ще ви покажа най-популярните и широко разпространена:
- Име на цвят - HTML разполага с голям списък от цветове с имена и да посочите цвят, просто напишете името му на английски език, като: червено, зелено, синьо.
- HEX-код на цвят - абсолютно всеки цвят може да се получи чрез смесване на различни пропорции на трите основни цвята - червено, зелено и синьо. HEX-код - три двойки шестнадесетични стойности са отговорни за размера на тези цветове във всеки цвят. Преди кода за цвят, което трябва да се сложи знак лира (#), например: # FF8C00, # CC3300 и така нататък.
По-рано през HTML тя препоръчва да се използват само безопасни цветова палитра. което е гарантирано да се показва във всички браузъри и на всички монитори в един и същи начин. Но днес, не е задължително да се ограничава до чисто, като браузъри, така и монитори отдавна се научих да се покаже правилно, много по-голям списък от цветове. Но уточни цветове по име, аз само ти и аз не препоръчвам, факт е, че много браузъри все още със същото име се свързва с различен цвят. Ето защо, в този урок аз винаги ще използвате този цвят HEX-кодове.
Как да промените цвета на текста?
За да промените цвета на текста в който и да е елемент на HTML-страници трябва да бъдат посочени в атрибута стил на маркера. Като цяло следния синтаксис:
<тег style= "color:имя цвета">. - посочване на цвета на текста по име.
<тег style= "color:#HEX-код">. - индикация за цвета на кода на текст.
И както обикновено, за да промените цвета на текста на цялата страница - е достатъчно да се посочи атрибута стил в маркера
. А ако искате да промените цвета на шрифта за текста фрагмент, а след това се загради таг и да приложите атрибут към него.Пример за промяна на цвета на текста
Резултатът в браузъра
заглавна Червен текст
Синята точка на текст.
Зелени курсив. Червен текст.
Как да промените цвета на фона?
Цветът на фона на който и да е елемент на страницата също се променя с помощта на атрибута стил. Общият синтаксис е:
<тег style= "background:имя цвета">. - индикация за цвета на фона по име.
<тег style= "background:#HEX-код">. - посочване на кода на цвета на фона.
Пример за промяна на цвета на фона
Резултатът в браузъра
Заглавие.
Bold текст. Обикновен текст.
Когато промените цвета на фона на елементите, става много ясно се вижда, което всъщност заема ширината на всяка от тях. Както можете да видите, блокови елементи, като например точки, позиции, най-вече заемат достъпна цялата ширина, дори и ако те съдържат много малко текст, но тагове вградени (вградени) са равни по ширина на съдържанието му. Между другото, последния параграф в примера също заема цялата ширина на току-що му фон е прозрачна, така че да се вижда през фона на страницата. Като цяло, на фона на всички елементи на страницата, в която е не са посочени ясно - ясно, това е всичко.
- Създаване на водещата статия и двете си секции. Напиши в началото на статията и всеки раздел един параграф.
- Замяна на цялата страница с 16px размер на шрифта Courier, в заглавието на статията - 22px, а подфункции на 19px.
- Нека заглавна статия е цвета на текста # 0000CC на, а субтитри - # CC3366.
- Highlight фоновия цвят # 66CC33 две думи във втория параграф. И в третия параграф от един и същи цвят, но един подчертаната дума.
- Да не забравяме, че стойността на атрибута стил могат да се групират, като ги поставите между точка и запетая (;).