Проект

Общее

Профиль

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 отменяет его действие для указанных стороны.
Go to top