Компютри, Програмиране
Декоративни подчертават CSS-елементи
Технология стилове има две функции в дизайна на HTML-страници. На първо място, с негова помощ, има позиция образуване на отделните елементи на сайта. На второ място, това прави блоковете визуално привлекателни за потребителя. Изпълнение на втората функция се проявява по много начини. Един от тях - долна черта. CSS предвижда този атрибут текстова украса.
запис Спецификация атрибут
Използвайте текстова декорация имот е проста. Достатъчно, за да се регистрирате в кода на CSS файл, на следния ред на елемента:
текстова украса: znachenie_atributa;
Вместо "znachenie_atributa» CSS спецификацията предлага редица възможности:
- подчертая - Онлайн намира точно под текста;
- Номера - Онлайн тече от горната част на текста;
- няма - премахването на всички декоративни ефекти;
- наследи - приема стойността на елемента родител.
Най-горе, не са всички възможни форми на записване, като този атрибут определя не само CSS долна черта, но и други ефекти, като например "мига" или зачертаване на текст.
Примери за дизайн препратки
Начинаещите в уеб дизайн и програмиране, възниква въпросът: Защо най-долния ред в текста? В зората на ерата на интернет технология, този метод на разпределение на потребителя на факта, че пред него е хипервръзка - текст, като кликнете върху която ще се извърши преходът към нова страница.
По подразбиране, хипервръзка сграда, разположена подчертаване. На практика има проблем да се отстрани на линията от неактивните устройства и да го направите видим като потребителят движи курсора на мишката. Ето един пример за код, който забранява долна CSS връзки:
а {текст декорация: няма; }
За активни връзки с помощта на следната позиция:
а: висене {текст декорация: подчертае;}
Декоративни долна черта за напреднали
Standard атрибут текстова украса има няколко ограничения:
- Онлайн цвят, различен от цвета на текста на връзката, че е невъзможно да се прави разлика между тяхната "оцветяване";
- Само плътната линия се използва като долна черта. CSS не е свързано с използването на други стилове на марката.
Но специални техники помагат байпас класическия облик на текста. В първия случай, за да поставите хипервръзка използване на незадължителния етикет <педя>.
Например:
<Педя стил = "цвят: син "> хипервръзка
. >
В резултат на това, думата на страницата хипервръзката ще бъдат записани в синьо и цвета на линията ще бъде червено.
Друг напреднал метод, който дава възможност за CSS долна черта, - гранично-отдолу. Примерът по-долу илюстрира използването му:
а {граница дъно: 1px твърд червен;}
Резултатът ще бъде същият, както в предишния пример. Но този метод има голямо предимство. В допълнение към промяната на цвета на линия (в момента е настроен червено - червено), е възможно да се превърне в начин на латиница:
- пунктирана - прави точката долни;
- пунктирана - линия се състои от инсулти;
- двойно - насочва двойна линия.
Така че, да приписват граничен дъното е по-функционален. В допълнение към дисплея на декоративна линия под текста, тя дава възможност за персонализиране на външния му вид.
Similar articles
Trending Now