CSS » История » Версия 1
Александр Александров, 22.04.2019 01:15
1 | 1 | Александр Александров | h1. CSS |
---|---|---|---|
2 | |||
3 | h2. Вопросы |
||
4 | |||
5 | # Что такое CSS? |
||
6 | # В чем разница между записью #my и .my? |
||
7 | # В чем разница между margin и padding? |
||
8 | # Почему таблицы стилей CSS называются каскадными? |
||
9 | # Что такое альтернативная таблица стилей? |
||
10 | # Какая разница между значениями 0 и auto в свойстве margin? |
||
11 | # Для чего применяются свойства border-position и border-all? |
||
12 | # Какое свойство задает цвет фона? |
||
13 | # Как в CSS обозначаются комментарии? |
||
14 | # Как задать красный цвет для всех элементов, имеющих класс red? |
||
15 | # Как убрать подчеркивание для всех ссылок на странице? |
||
16 | # Как сделать жирным текст во всех элементах <p>? |
||
17 | # Что делает свойство clear? |
||
18 | |||
19 | h2. Ответы |
||
20 | |||
21 | h3. Что такое CSS? |
||
22 | |||
23 | Cascading Style Sheets(CSS) - каскадные таблицы стилей, ето формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. |
||
24 | |||
25 | h3. В чем разница между записью #my и .my? |
||
26 | |||
27 | * #my - селектор id. |
||
28 | * .my - селектор класса |
||
29 | |||
30 | h3. В чем разница между margin и padding? |
||
31 | |||
32 | margin - внешний отступ (снаружи от границ блока до остальных элементов страницы); padding - внутренний отступ (внутри от границ блока до контента). Допустим, у нас есть некий объект с рамкой вокруг него. Вот |
||
33 | margin - это внешнее поле, а padding внутреннее. Или есть у нас абзац текста. Следовательно, margin - это отступ от других соседних объектов (левой, правой стороны экрана, соседних абзацев, разных окружающих картинок). А padding - это внутренние отступы. Если мы зададим padding: 50px для этого абзаца, то значит, сами буквы будут начинаться не от края абзаца, а с отступом в 50 пикселей. |
||
34 | |||
35 | h3. Почему таблицы стилей CSS называются каскадными? |
||
36 | |||
37 | Слово "каскадные" говорит о том, что на вывод каждого тега в документе могут оказывать влияние сразу несколько стилевых спецификаций, образующих иерархическую систему. Например, поверх спецификаций, относящихся к конкретному документу, может действовать стилевой файл, общий для всех документов на сервере. |
||
38 | |||
39 | h3. Что такое альтернативная таблица стилей? |
||
40 | |||
41 | Альтернативная таблица стилей - это таблица, определяющая стили, которые будут использованы взамен стилей, использующихся по умолчанию. Например, пользователь может сделать выбор, в зависимости от своих предпочтений, если мы заранее подготовим одну таблицу стилей для маленького экрана, а другую – для слабовидящих (с крупными шрифтами). Альтернативные стили позволяют пользователю сделать выбор наиболее подходящего из них. |
||
42 | |||
43 | h3. Какая разница между значениями 0 и auto в свойстве margin? |
||
44 | |||
45 | В вертикальных полях, auto всегда означает 0. В горизонтальных полях, auto означает 0 только тогда, если свойство width также auto. |
||
46 | |||
47 | h3. Для чего применяются свойства border-position и border-all? |
||
48 | |||
49 | Таких свойств в CSS нет. |
||
50 | |||
51 | h3. Какое свойство задает цвет фона? |
||
52 | |||
53 | <pre> |
||
54 | background-color. |
||
55 | </pre> |
||
56 | |||
57 | h3. Как в CSS обозначаются комментарии? |
||
58 | |||
59 | <pre> |
||
60 | /* вот так */ |
||
61 | </pre> |
||
62 | |||
63 | h3. Как задать красный цвет для всех элементов, имеющих класс red? |
||
64 | |||
65 | <pre> |
||
66 | .red { background-color:red; } |
||
67 | </pre> |
||
68 | |||
69 | h3. Как убрать подчеркивание для всех ссылок на странице? |
||
70 | |||
71 | <pre> |
||
72 | a { text-decoration:none; } |
||
73 | </pre> |
||
74 | |||
75 | h3. Как сделать жирным текст во всех элементах <p>? |
||
76 | |||
77 | <pre> |
||
78 | p { font-weight: bold; } |
||
79 | </pre> |
||
80 | |||
81 | h3. Что делает свойство clear? |
||
82 | |||
83 | Устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных стороны. |