HTML & CSS Flashcards
1
Q
What is HTML?
A
- HTML (HyperText Markup Language) е стандартният език за описване на съдържанието на уеб страници.
- Използва тагове за структурирането на текста, изображенията и другите елементи на страницата.
2
Q
What is a browser? How is it different from node.js?
A
- Браузър: Програма, която позволява на потребителите да преглеждат уеб страници (напр. Chrome, Firefox).
- Node.js: Среда за изпълнение на JavaScript извън браузъра, позволяваща разработка на сървърни приложения.
3
Q
What is semantic HTML? How do we achieve it?
A
- Семантичен HTML: Използването на HTML тагове, които отразяват значението на съдържанието (напр. <header>, <article>, <footer>).
- Постигане: Използвайте подходящи тагове за различни части от съдържанието, за да улесните разбирането от търсачки и достъпността.
4
Q
What is CSS? What problems does it solve?
A
- CSS (Cascading Style Sheets): Език за стилове, който определя визуалния изглед на HTML документите.
- Проблеми, които решава:
- Отделя стила от съдържанието.
- Позволява на разработчиците да оформят уеб страниците с цветове, шрифтове и разположение.
5
Q
What are the three ways of inserting CSS into a web page?
A
- Inline CSS: Използва style атрибута в HTML таговете.
- Internal CSS: Включва CSS в <style> таг в <head> секцията на документа.</style>
- External CSS: Включва CSS файл с <link></link> таг в <head> секцията.
6
Q
What is the difference between ids and classes? When to use what?
A
- ID: Уникален идентификатор за един елемент (използва се с # в CSS).
- Клас: Може да се използва за множество елементи (използва се с . в CSS).
- Кога да използвате:
- Използвайте ID за специфични елементи.
- Използвайте класове за групи от елементи.
7
Q
Which are the types of selectors you can use?
A
- Тагови селектори: Избират по таг (напр. div, p).
- Класови селектори: Избират по клас (напр. .classname).
- ID селектори: Избират по ID (напр. #idname).
- Атрибутни селектори: Избират по атрибути (напр. [type=”text”]).
- Псевдокласове: Избират на базата на състояние (напр. :hover).
8
Q
What is the selector priority hierarchy?
A
- Инлайн стилове (стилове в HTML елементите).
- ID селектори.
- Класови, псевдокласови и атрибутни селектори.
- Тагови селектори.
- Общи селектори.
9
Q
What is the difference between block elements and inline elements?
A
- Блокови елементи: Започват на нов ред и заемат цялата ширина (напр. <div>, <h1>).
- Inline елементи: Не започват на нов ред и заемат само необходимото пространство (напр. <span>, <a>).</a></span>
10
Q
What is the grid layout?
A
- Grid layout: CSS модул, който позволява организиране на съдържанието в мрежа с редове и колони.
- Позволява сложни оформления, които са адаптивни и гъвкави.
