Въведение в CSS3 Въпроси и отговори за интервю
Cascading Style Sheets е език на стилни листове, описващ външния вид и форматирането на документ, написан на език за маркиране. Той е популярен в уеб дизайна и в XHTML. CSS1 излезе с препоръка през декември 1996 г. Тази версия описва езика на CSS, както и лесен модел за визуално форматиране за всички HTML тагове. CSS3 стана препоръка на W3C през 1999 г., която е изградена на по-стари версии на CSS.
Пример за промяна на стила може да бъде
Здравей свят
В стандартния HTML маркерът се използва, за да се правят думите смели.
Това работи добре. Но след известно време бихте искали да направите текста си подчертан, вместо удебелен, тогава ще трябва да отидете на всяко място и да промените маркер, за да маркирате. Това е много досадна задача. Също така, ако искате да промените шрифта на текста, тогава трябва да напишете HTML като
Това е текст
По-горе код с направете желаните промени във вашия текст, но изисква много опаковъчни маркери, написани наоколо, а също така прави HTML да изглежда объркан.
С CSS можете да направите персонализиран стил в един момент и да зададете всички свойства, да му дадете уникално име и да маркирате вашия HTML, за да приложите тези стилистични свойства. CSS се състои от правила за стил, които се интерпретират от браузъра и след това се прилагат към съответните елементи във вашия документ. Правило за стил е съставено от
- Selector : селектор е HTML маркер, при който ще бъде приложен стил. Това може да бъде всеки маркер като
,
и т.н.
- Свойство : свойството е вид атрибут на HTML маркера. Всички HTML атрибути се преобразуват в свойство CSS. Това може да бъде цвят, рамка и т.н.
- Стойност : Стойностите се присвояват на свойствата. Например свойството на цвета може да има стойност червено, зелено и т.н.
CSS синтаксисът може да бъде както следва
Селектор (свойство: стойност)
Селекторите могат да бъдат определени по много начини, както следва
- Тип селектори
Селектор по подразбиране
h1 (цвят: #ffff;) - Универсален селектор
Универсалният селектор съвпада с името на всеки тип елемент.
* (цвят: #ffff;) - Селектор за потомци
Да предположим, че искате да приложите стил към даден елемент само когато той се намира вътре в определен елемент. Напр
ul em (color: #ffff;)
стил ще бъде приложен към елемент само когато той лежи вътре- маркер.
- Класови селектори
Правилата за стил могат да бъдат определени на базата на класния атрибут на елемента. Всички елементи от този клас ще бъдат форматирани в съответствие с дефинираното правило. - Селектори за идентификация
Правилата за стил могат да бъдат дефинирани въз основа на атрибута id на елемента.
h1 # черен (цвят: #ffff;)
Това правило прави съдържанието само в черноелементи.
Можете да вмъкнете този CSS код, който определя новия стил. Стилът се определя с маркер
, myNewStyle (
семейство шрифтове: Verdana, Arial, sans-sheriff;
шрифт: удебелен шрифт;
цвят: # FF000;
)
Това би работило добре за малки проекти. Но когато трябва да определите стилове за много страници, ще бъде много трудно да копирате и поставите един и същ CSS код на всяка страница. Следователно, като JavaScript, можете също да създадете CSS стилове в отделен файл и след това да го свържете към страницата
Кодът по-горе свързва вашия външен таблица стилове „stylesheet.css“ към HTML документ. Този маркер за връзка трябва да бъде поставен в главата маркер. Можете да напишете своя css код в обикновен тестов файл и да промените разширението му на .css.
Подготовка за интервю за работа в CSS3. Сигурен съм, че искате да знаете най-често срещаните CSS3 Въпроси за интервю и отговори, които ще ви помогнат да разбиете CSS3 Интервюто с лекота. По-долу е списъкът с най-важните CSS3 въпроси за интервю и отговори, които са разделени на две части, както следва:
Част 1 - CSS3 Въпроси за интервю (основни)
Тази първа част обхваща основни CSS3 въпроси за интервю и отговори
1.В колко начина CSS може да бъде интегриран като уеб страница?
Отговор:
CSS може да бъде интегриран по три начина
- Вграден: Атрибутът Style може да се използва за CSS, приложен към HTML елементи.
- Вграден: главата елемент може да има елемент стил, в който може да се постави кодът.
- Свързан / импортиран: CSS може да бъде поставен във външен файл и свързан чрез линк елемент.
2. Какви предимства и слабости имат външните стилове?
Отговор:
Ползи:
- Един файл може да се използва за много различни документи, имащи няколко стила.
- Множество HTML елементи могат да имат много различни документи, които могат да имат класове.
- За групиране на стилове в съставни ситуации могат да се използват методи като селектори и групиране.
Demerits
- Необходимо е допълнително изтегляне за импортиране на документи, имащи информация за стил.
- За да изобразите документа, трябва да се зареди външен лист за стил.
- Не е практично за дефиниции на малък стил.
Нека преминем към следващите въпроси за интервю за CSS3
3. Какви са достойнствата и недостатъците на вградените стилове?
Отговор:
Това са основните CSS3 въпроси за интервю, които често са зададени в интервю. Следва заслугата и слабостта, както следва:
По същество:
- В един документ могат да бъдат създадени няколко типа тагове.
- Стилове в сложна ситуация могат да се прилагат чрез методите за избор и групиране.
- Допълнително изтегляне в ненужно.
Demerits
- Множество документи не могат да бъдат контролирани.
4. Какви са предимствата и ограниченията на CSS?
Отговор:
Предимства
- Bandwidth
- Последователност в целия сайт.
- Преформатиране на страници
- Достъпност
- Съдържание, отделено от презентация.
Недостатъци
- Възходящите селектори не са възможни.
- Ограничения на вертикалното управление.
- Без изрази.
- Няма декларация на колона.
- Псевдоклас, не контролиран от динамични декларации.
- Правила, стилове, насочени към конкретен текст, не са възможни.
5. Може ли да се добави повече от една декларация към CSS?
Отговор:
Да, може да се постигне с помощта на запетая;
Част 2 - CSS3 въпроси за интервю (разширено)
Нека сега да разгледаме разширените въпроси за интервю за CSS3.
6. Разграничавате логическите маркери от физическите тагове?
Отговор:
- Физическите тагове също се наричат презентационно маркиране; логическите маркери не се използват за презентации.
- Физическите тагове са по-нова версия, докато логическите маркери са стари и се концентрират върху съдържанието.
7. Какво е контекстуален селектор?
Отговор:
Селектор, използван за избор на специални събития на елемент, се нарича контекстуален селектор. Пространството разделя отделните селектори. В този вид селектор е адресиран само последният елемент от шаблона.
Нека преминем към следващите въпроси за интервю за CSS3
8. Как функционира Z индексът?
Отговор:
Припокриване може да възникне при използване на CSS за позициониране на HTML елементи. Z индексът помага при определяне на припокриващия се елемент. Това е число, което може да бъде положително или отрицателно, като стойността по подразбиране е нула.
9. Възможно ли е да се направи селектор на класа за определен елемент? Как?
Отговор:
Да, можем да направим селектор за клас за определен елемент. Например
h2.className (
Цвят: #FFFF;
)
В горния пример, когато се намери име на клас 'className' под елемент 'h2', прилагайте бял цвят.
10. Как можем да създадем текстова сянка или сянка на полето в CSS3?
Отговор:
Може да се създаде сянка на кутията
кутия-сянка: 5px 5px 2px #ffff;
текст-сянка: 5px 5px 2px #ffff;
11.Какви са добавени нови текстове в CSS3?
Отговор:
- Опаковка на думи
- Текст-преливник
- Word-пауза
Препоръчителни статии
Това е ръководство за Списък на CSS3 въпроси за интервюта и отговори, така че кандидатът да може да разруши лесно тези CSS3 въпроси за интервю. Тук, в тази публикация, ние проучихме за най-добрите CSS3 въпроси за интервю, които често се задават в интервюта. Можете също да разгледате следните статии, за да научите повече -
- Въпроси и отговори за интервю Perl
- 10 Въпроси за интервю с AngularJS
- Най-страхотни въпроси за интервю за PHP за опитни
- 12 най-полезни въпроса за интервю на Django