Топ 50 на въпросите и отговорите за CSS интервю (2024)
Ето въпроси и отговори за интервю за CSS (CSS3) за новопостъпили, както и за опитни кандидати, за да получат мечтаната работа.
Безплатно изтегляне на PDF: Въпроси за интервю за CSS
1. Какво е CSS?
Пълната форма на CSS е Cascading Style Sheets. Това е стилизиращ език, който е достатъчно прост за HTML елементи. Той е популярен в уеб дизайна и приложението му е често срещано и в XHTML.
2. Какъв е произходът на CSS?
Стандартният генерализиран език за маркиране бележи началото на таблиците със стилове през 1980-те години.
3. Какви са различните варианти на CSS?
Вариантите за CSS са:
- CSS 1
- CSS 2
- CSS 2.1
- CSS 3
- CSS 4
4. Какви са ограниченията на CSS?
Ограниченията са:
- Издигането чрез селектори не е възможно
- Ограничения на вертикалния контрол
- Без изрази
- Без декларация на колона
- Псевдокласът не се контролира от динамично поведение
- Правила, стилове, насочване към конкретен текст не е възможно
5. Какви са предимствата на CSS?
Предимства са:
- Bandwidth
- Съгласуваност в целия сайт
- Преформатиране на страницата
- Достъпност
- Съдържанието е отделено от презентацията
6. Какво представляват CSS рамките?
Това е предварително планирана библиотека, която позволява по-лесно и по-съвместимо със стандартите стилизиране на уеб страници, използвайки CSS език.
7. Как блоковите елементи могат да бъдат центрирани с CSS1?
Елементите на ниво блок могат да бъдат центрирани чрез:
Свойствата margin-left и margin-right могат да бъдат зададени на някаква изрична стойност:
BODY { width: 40em; background: fluorescent; } P { width: 30em; margin-right: auto; margin-left: auto }
В този случай лявото и дясното поле ще бъдат широки пет em, тъй като те разделят десетте em, останали от (40em-30em). Не беше необходимо за настройка на изрична ширина за елемента BODY; това беше направено тук за простота.
8. Кой поддържа CSS спецификациите?
World Wide Web Consortium поддържа CSS спецификациите.
9. По колко начина може да се интегрира CSS като уеб страница?
CSS може да бъде интегриран по три начина:
- Inline: Атрибутът Style може да се използва за прилагане на CSS HTML елементи.
- Вграден: Елементът Head може да има елемент Style, в който кодът може да бъде поставен.
- Свързан/импортиран: CSS може да бъде поставен във външен файл и свързан чрез елемент на връзка.
10. Какви предимства и недостатъци имат външните стилови таблици?
Ползи:
- Един файл може да се използва за управление на множество документи с различни стилове.
- Няколко HTML елемента могат да имат много документи, които могат да имат класове.
- За групиране на стилове в съставни ситуации се използват методи като селектор и групиране.
Demerits:
- Необходимо е допълнително изтегляне за импортиране на документи с информация за стила.
- За да изобразите документа, външният стилов лист трябва да бъде зареден.
- Не е практично за малки стилови дефиниции.
11. Обсъдете предимствата и недостатъците на вградените таблици със стилове?
Предимства на вградените стилови таблици:
- Множество типове тагове могат да бъдат създадени в един документ.
- Стиловете, в сложни ситуации, могат да бъдат приложени чрез използване на методи за избор и групиране.
- Допълнително изтегляне не е необходимо.
Недостатъци на вградените стилови таблици:
- Няколко документа не могат да бъдат контролирани.
12. Какво означава CSS селектор?
Низов еквивалент на HTML елементи, чрез които се декларират декларации или набор от тях, и е връзка, която може да бъде препратена за свързване на HTML и Style sheet, е CSS селектор.
13. Запишете типовете медии, които CSS позволява?
Дизайнът и персонализирането на документите се изобразяват от медиите. Чрез прилагане на контрол върху медиите върху външните листове със стилове, те могат да бъдат извлечени и използвани чрез зареждане от мрежата.
14. Разграничаване на логически тагове от физически тагове?
- Докато физическите тагове се наричат също така презентационно маркиране, логическите тагове са безполезни за външен вид.
- Физическите тагове са по-нови версии, докато логическите тагове са стари и се концентрират върху съдържанието.
15. Разграничете концепцията на Style Sheet от HTML?
Въпреки че HTML осигурява лесен структурен метод, той няма стил, за разлика от стиловите таблици. Освен това стиловите таблици имат по-добри възможности за браузър и опции за форматиране.
16. Опишете „набор от правила“?
Набор от правила: Селекторите могат да бъдат прикачени към други селектори, за да бъдат идентифицирани от набор от правила.
Състои се от две части:
- Селектор, напр. R и
- декларация {text-indent: 11pt}
17. Коментар относно чувствителността към малки и главни букви на CSS?
Въпреки че няма чувствителност към малки и главни букви на CSS, все пак семействата шрифтове, URL адресите на изображения и т.н. Само когато XML декларации заедно с XHTML DOCTYPE се използват на страницата, CSS е чувствителен към главни и малки букви.
18. Дефиниране на блок Декларация?
Каталог от указания в скоби, състоящ се от свойство, двоеточие и стойност, се нарича декларационен блок.
например: [свойство 1: стойност 3]
19. Избройте атрибутите на различните шрифтове?
Те са:
- Стил на шрифта
- Шрифт-вариант
- Тегло на шрифта
- Размер на шрифта/височина на реда
- Шрифтово семейство
- Надпис
- Икона
20. Защо е лесно да вмъкнете файл, като го импортирате?
Импортирането позволява комбиниране на външни листове, които да бъдат вмъкнати в много листове. Различни файлове и листове могат да се използват за различни функции. Синтаксис:
@import нотация, използвана с tag.
21. Каква е употребата на Class selector?
Селекторите, които са уникални за определен стил, се наричат CLASS селектори. Чрез това може да се направи декларация за стил и връзка с HTML. Синтаксис:
Име на клас
може да бъде AZ, az или цифри.
.top {font: 14em ;}, селектор на клас
този клас е свързан с element
22. Разграничаване на селектора на клас от селектора на ID?
Докато цялостният блок се дава на селектор на клас, селекторът на ID предпочита само един елемент, който се различава от другите елементи. С други думи, ID са уникални, докато класовете не са. Възможно е даден елемент да има клас и идентификатор.
23. Могат ли да се добавят повече от една декларация в CSS?
Да, може да се постигне с помощта на точка и запетая.
24. Какво е Псевдо-елементи?
Псевдоелементите се използват за добавяне на специални ефекти към някои селектори. CSS се използва за прилагане на стилове в HTML маркирането. В някои случаи, когато не е възможно допълнително маркиране или стилизиране за документа, тогава има налична функция в CSS, известна като псевдоелементи. Това ще позволи допълнително маркиране на документа, без да нарушава действителния документ.
25. Как да отмените подчертаването на хипервръзки?
Контролните изрази и външните стилови таблици се използват за отмяна на подчертаните хипервръзки.
Например:
B { text-decoration: none; } <B href="career.html" style="text-decoration: none">link text</B>
26. Какво се случва, ако се използва 100% ширина заедно с плаващи елементи по цялата страница?
Докато правите float декларацията, 1 пиксел се добавя всеки път, когато се използва под формата на граница, и дори повече float е разрешено след това.
27. Може ли стойността на свойството по подразбиране да бъде възстановена чрез CSS? Ако да, как?
В CSS не можете да се върнете към старите стойности поради липса на стойности по подразбиране. Свойството може да бъде повторно декларирано, за да се получи свойството по подразбиране.
28. Избройте различните използвани типове медии?
Различните носители имат различни свойства, тъй като не са чувствителни към главни и малки букви.
Те са:
- Аурал – за звукови синтезатори и реч
- Печат – дава визуализация на съдържанието при отпечатване
- Прожектиране - прожектира CSS на проектори.
- Ръчен - използва ръчни устройства.
- Екрани - екрани за компютри и лаптопи.
29. Какво е CSS Box Model и какви са неговите елементи?
Това поле определя дизайна и оформлението на елементите на CSS. Елементите са:
Марж: най-горният слой, показва се цялостната структура
Граница: показва се опцията за подложка и съдържание с рамка около нея. Цветът на фона влияе на рамката.
Подложка: Показва се интервал. Цветът на фона влияе на рамката.
съдържание: Показва се действителното съдържание.
30. Какво е контекстуален селектор?
Селекторът, използван за избиране на специални срещания на елемент, се нарича контекстуален селектор. Интервал разделя отделните селектори. Само последният елемент от модела се адресира в този вид селектор. Например: TD P TEXT {цвят: син}
31. Сравняване на RGB стойности с шестнадесетични цветови кодове?
Цветът може да бъде определен по два начина:
- Цветът се представя с 6 знака, т.е. шестнадесетично цветово кодиране. Това е комбинация от цифри и букви и се предхожда от #. напр.: g {цвят: #00cjfi}
- Цветът е представен от смес от червено, зелено и синьо. Стойността на цвета също може да бъде посочена. напр.: rgb(r,g,b): В този тип стойностите могат да бъдат между цели числа 0 и 255. rgb(r%,g%,b%): показва се червен, зелен и син процент.
32. Дефиниране на спрайтове на изображения с контекст към CSS?
Когато набор от изображения е обединен в едно изображение, това е известно като „Image Sprites“. Тъй като зареждането на всяко изображение на уеб страница отнема време, използването на спрайтове на изображения намалява необходимото време и дава информация бързо.
CSS кодиране:
img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }
В този случай се използва само необходимата част. Чрез това потребителят може да спести значителна печалба и време.
33. Сравнете групирането и влагането в CSS?
Групиране: Селекторите могат да бъдат групирани с еднакви стойности на свойството и кодът да бъде намален.
например:
h1 { color: blue; } h2 { color: blue; } p { color: blue; }
От кода може да се види, че всеки елемент споделя едно и също свойство. Пренаписването може да се избегне чрез писане на всеки селектор, разделен със запетая.
Влагане: Посочването на селектор в рамките на селектор се нарича влагане.
P { color: red; text-align: left; } .marked { background-color: blue; } .marked p { color: green; }
34. Как може да се определи размерът на елемент?
Свойствата на размерите могат да бъдат определени от:
- височина
- Максимална височина
- Максимална ширина
- Минимална височина
- Мин. ширина
- Ширина
35. Дефинирайте свойството float на CSS?
Чрез свойството float изображението може да се премести надясно или наляво заедно с текста, който да бъде обвит около него. Елементите преди това свойство да бъде приложено не променят своите свойства.
36. Как функционира индексът Z?
Може да възникне припокриване при използване на CSS за позициониране на HTML елементи. Z индексът помага при уточняването на припокриващия се елемент. Това е число, което може да бъде положително или отрицателно, като стойността по подразбиране е нула.
37. Какво е грациозна деградация?
В случай, че компонентът се повреди, той ще продължи да работи правилно при наличие на грациозно влошаване. При проектирането на уеб страница се използва най-новото приложение за браузър. Тъй като не е достъпен за всеки, има базова функционалност, която позволява използването му от по-широка аудитория. В случай, че изображението не е достъпно за преглед, текстът се показва с alt тага.
38. Какво е прогресивно подобрение?
Това е алтернатива на грациозната деградация, която се концентрира върху въпроса за мрежата. Функционалността е същата, но предоставя допълнително предимство на потребителите, които имат най-новата честотна лента. Напоследък се използва широко с мобилните интернет връзки, които разширяват своята база.
39. Как може да се проектира обратна съвместимост в CSS?
Методите на HTML листа се сътрудничат с CSS и се използват съответно.
40. Как може да се премахне празнината под изображението?
Тъй като изображенията, които са вградени елементи, се третират по същия начин като текстовете, така че остава празнина, която може да бъде премахната чрез:
CSS
img { display: block ; }
41. Защо @import е само в горната част?
@import е за предпочитане само в горната част, за да се избегнат каквито и да било отменителни правила. Като цяло редът на класиране се следва в повечето езици за програмиране като Java, Modula и т.н. В C # е ярък пример за @import, който е в горната част.
42. Кое от следните е по-прецедентно: CSS свойства или HTML процедури?
CSS е по-прецедент пред HTML процедурите. Браузърите, които не поддържат CSS, показват HTML атрибути.
43. Какво е Inline style?
Вграденият стил в CSS се използва за добавяне на стил към отделни HTML елементи.
44. Как могат да се добавят коментари в CSS?
Коментарите в CSS могат да се добавят с /* и */.
45. Дефиниране на селектор на атрибут?
Определя се от набор от елементи, стойност и нейните части.
46. Определете собствеността?
Стил, който помага да се повлияе на CSS. Например FONT. Те имат съответни стойности или свойства в себе си, като FONT има различен стил като получер, курсив и т.н.
47. Какво е алтернативен стилов лист?
Алтернативните стилови таблици позволяват на потребителя да избере стила, в който се показва страницата, като използва менюто изглед>страница стил. Чрез Alternate Style Sheet потребителят може да види множество версии на страницата според техните нужди и предпочитания.
48. Кавичките задължителни ли са в URL адресите?
Кавичките не са задължителни в URL адресите и могат да бъдат единични или двойни.
49. Какво е at-rule?
Правилото, което е приложимо в целия лист, а не частично, е известно като at-rule. Предшества се от @, последван от AZ, az или 0-9.
50. Как CSS може да се каскадира, за да се смеси с личния лист на потребителя?
Свойствата могат да бъдат зададени на препоръчани места и документът да бъде модифициран за CSS, за да се смеси с личния лист на потребителя.
Тези въпроси за интервю също ще ви помогнат във вашия viva(orals). Във всяка индустрия използването на уебсайтове и уеб приложения се увеличава с всеки изминал ден и CSS е съществена част за изграждането на привлекателни уебсайтове. Така че има огромно търсене на UI/UX и уеб дизайнери с добри познания по CSS с HTML.
непълна информация, ако ще давате отговор, изяснете го. Този тип въпроси, интервюиращият не е акс!!.
Благодаря много полезна информация
Всички теоретични въпроси би било по-добре, ако можете да предоставите и няколко въпроса, базирани на практически примери.
Отговорът по-долу е непълен
„22. Разграничаване на селектора на клас от селектора на ID?
Докато цялостен блок се дава на селектора на клас, селектора на ID предпочита само един елемент, който се различава от другите елементи.
Оценявам голямото усилие.
Благодарим Ви
Отговорът е актуализиран
Страхотна публикация! Приятен ден! :)
Моля, дефинирайте float, фоново движещо се изображение и tAg елемент за гледане на клип в CSS.
Благодаря
От пепел
Благодаря за стригането, страхотно е. Моля, пишете повече за тези теми..
Здравейте, господине, моят сървър на живо не работи добре. Щраквам върху бутона „Изпълни“, за да работя с проекта си и той работи. Основният проблем е, че ако променя нещо в етикети или думи, не мога да стартирам проекта си. Само ако Спирам този сървър на живо и го стартирам, той отново работи. Не знам как да се справя с това. Ако имате време, моля, отговорете на въпроса ми. Благодаря.
Благодаря ви много за страхотния въпросник