Свойства CSS - Упражнения, Практика, Решение

Свойства CSS [упражнения с решением]

1. Как выровнять элементы гибкого элемента? [Больше вопросов внутри этого]

2. Как выровнять предмет? [Больше вопросов внутри этого]

3. Как центрировать выравнивания для одного из элементов внутри гибкого элемента? [Еще вопрос в этом]

4. Как связать анимацию с элементом деления?

5. Как использовать анимацию-задержку, затем запустить анимацию?

6. Как использовать анимацию-направление, затем сделать анимацию задом наперед?

7. Как указать продолжительность анимации, которая требуется для завершения?

8. Как оживить что-то движущееся из одного места в другое и оставить ли это там?

9. Как воспроизвести анимацию два раза?

10. Как указать имя ключевого кадра, который вы хотите привязать к селектору?

11. Как в свойстве animation-play-state указать, запущена ли анимация или приостановлена?

12. Как воспроизвести анимацию с одинаковой скоростью от начала до конца?

13. Как увидеть или скрыть заднюю часть вращающегося элемента деления?

14. Как установить разные свойства фона в одной декларации?

15. Как установить свойство background-attachment, является ли фоновое изображение фиксированным или прокручивается с остальной частью страницы?

16. Как указать область рисования фона?

17. Как установить цвет фона для разных элементов?

18. Как установить background-image для элемента body?

19. Как установить фоновое изображение, начиная с верхнего левого угла содержимого? [Больше вопросов внутри этого]

20. Как установить положение фонового изображения? [Еще вопрос в этом]

21. Как повторить фоновое изображение? [Больше вопросов внутри этого]

22. Как указать размер фонового изображения? [Еще вопрос в этом]

23. Как установить все свойства границы в одной декларации? [Больше вопросов внутри этого]

24. Как свойство border-style устанавливает стиль элемента? [Больше вопросов внутри этого]

25. Как установить все свойства нижней границы в одном объявлении? [Больше вопросов внутри этого]

26. Как определить форму границы нижнего левого угла? [Еще вопрос в этом]

27. Как определить форму границы нижнего правого угла? [Еще вопрос в этом]

28. Как установить ширину нижней границы? [Еще вопрос в этом]

29. Как установить модель коллапсирующих границ для таблицы? [Еще вопрос в этом]

30. Как установить цвет четырех границ? [Больше вопросов внутри этого]

31. Как указать изображение в качестве границы вокруг элемента? [Больше вопросов внутри этого]

32. Как установить изображение границы за пределами границ элемента? [Еще вопрос в этом]

33. Как указать повторение границы изображения? [Еще вопрос внутри этого]

34. Как нарезать изображение, указанное в border-image-source? [Больше вопросов внутри этого]

35. Как указать свойство border-image-source для использования в качестве границы?

36. Как указать ширину рамки изображения? [Еще вопрос внутри этого]

37. Как установить стиль левой границы? [Еще вопрос в этом]

38. Как установить цвет левой границы? [Еще вопрос в этом]

39. Как установить стиль левой границы? [Еще вопрос в этом]

40. Как установить ширину левой границы? [Еще вопрос в этом]

41. Как установить закругленную границу для элемента? [Больше вопросов внутри этого]

42. Как установить стиль правой границы? [Еще вопрос в этом]

43. Как установить цвет правой границы? [Еще вопрос в этом]

44. Как установить стиль правой границы? [Еще вопрос в этом]

45. Как установить ширину правой границы? [Еще вопрос в этом]

46. Как установить интервал границы для таблицы? [Больше вопросов внутри этого]

47. Как установить стиль верхней границы? [Еще вопрос в этом]

48. Как установить цвет верхней границы? [Больше вопросов внутри этого]

49. Как установить закругленную границу в верхнем левом углу элемента деления? [Больше вопросов внутри этого]

50. Как установить закругленную границу в верхнем правом углу элемента деления? [Больше вопросов внутри этого]

51. Как установить стиль верхней границы? [Еще вопрос в этом]

52. Как установить ширину верхней границы? [Еще вопрос в этом]

53. Как установить ширину четырех границ? [Еще вопрос в этом]

54. Как установить нижний край абсолютной позиции? [Больше вопросов внутри этого]

55. Как установить box-shadow для элемента подразделения? [Больше вопросов внутри этого]

56. Как указать, что элементы деления должны иметь отступ и границу, включенную в элемент?

57. Как указать размещение заголовка таблицы? [Больше вопросов внутри этого]

58. Как предотвратить плавание любого элемента с левой или правой стороны элемента абзаца? [Больше вопросов внутри этого]

59. Как установить цвет текста для разных элементов? [Больше вопросов внутри этого]

60. Как разделить текст в элементе разделения на две колонки? [Больше вопросов внутри этого]

61. href = "column-fill.php"> Как заполнить CSS-столбцы?

62. Как установить для свойства column-gap значение по умолчанию? [Еще вопрос в этом]

63. Как указать ширину, стиль и цвет правила между столбцами?

64. Как указать цвет правила между столбцами? [Еще вопрос в этом]

65. Как указать стиль правила между столбцами? [Еще вопрос в этом]

66. Как указать ширину правила между столбцами? [Еще вопрос в этом]

67. Как элемент heading2 охватывает все столбцы? [Еще вопрос в этом]

68. Как указать оптимальную ширину для столбцов? [Еще вопрос в этом]

69. Как указать ширину и количество столбцов?

70. Как свойство контента используется с: after? [Больше вопросов внутри этого]

71. Как задать количество разделов и подразделов с помощью раздела?

72. Как сделать так, чтобы свойство counter-reset создавало или сбрасывало один или несколько счетчиков?

73. Как отобразить другой тип курсора? [Больше вопросов внутри этого]

74. Как установить направление текста «справа налево»?

75. Как отобразить элементы абзаца как встроенные элементы?

76. Как скрыть рамку и фон на пустых ячейках таблицы?

77. Как изменить цвет изображения на черно-белый?

78. Как гибкие элементы имеют одинаковую длину независимо от их содержимого?

79. Как в flex-based свойство указывает начальную длину гибкого элемента?

80. Как установить направление гибких элементов внутри элемента деления в обратном порядке?

81. Как сделать так, чтобы гибкие элементы отображались в обратном порядке и при необходимости оборачивались?

82. Как второй флекс-элемент вырастет в три раза шире остальных?

83. Как второй флекс-элемент сжимается в три раза больше остальных?

84. Как при необходимости обернуть гибкие элементы?

85. Как второй флекс-элемент сжимается в три раза больше остальных?

86. Как указать все свойства шрифта в одном объявлении?

87. Как указать шрифт с именем и URL, где его можно найти?

88. Как указать шрифт для абзаца?

89. Как установить размер шрифта для разных элементов HTML?

90. Как указать свойство font-size-Adjust?

91. Как сделать текст во всех элементах деления более широким?

92. Как в свойстве font-style указать стиль шрифта для текста?

93. Как установить абзац для шрифта с маленькими буквами?

94. Как установить разный вес шрифта для абзацев?

95. Как использовать элемент сетки, используя правила автоматического размещения сетки?

96. Как установить высоту и ширину абзаца?

97. Как сделать пространство вокруг элементов гибкого элемента деления?

98. Как заставить элемент двигаться постепенно вниз?

99. Как установить левый край элемента абсолютного позиционирования элемента деления справа от левого края своего ближайшего предка?

100. Как установить межбуквенный интервал для элементов заголовка?

101. Как установить высоту строки в процентах?

102. Как указать все свойства списка в одной декларации?

103. Как указать изображение в качестве маркера элемента списка в списке?

104. Как указать, что маркеры элементов списка должны появляться внутри потока контента?

105. Как установить стиль списка другого типа?

106. Как установить поля элемента абзаца?

107. Как установить нижнее поле для элемента абзаца?

108. Как установить левое поле для элемента абзаца?

109. Как установить правильное поле для элемента абзаца?

110. Как установить верхнее поле для элемента абзаца?

111. Как установить максимальную высоту элемента абзаца?

112. Как установить максимальную ширину элемента абзаца?

113. Как изменить цвет фона, если область просмотра на 400 пикселей шире?

114. Как установить минимальную высоту элемента абзаца?

115. Как установить минимальную ширину элемента абзаца?

116. Как указать, куда перемещаться при использовании клавиш со стрелками?

117. Как установить уровень непрозрачности для элемента деления?

118. Как установить порядок гибких позиций?

119. Как установить контур вокруг элемента абзаца?

120. Как установить цвет пунктирного контура?

121. Как указать контур 10px вне границы края?

122. Как установить стиль контура?

123. Как установить ширину контура?

124. Как установить свойство переполнения для прокрутки?

125. Как обеспечить механизм прокрутки для переполненных боксов?

126. Как контент не обрезается, и он может отображаться вне поля контента?

127. Как установить отступ элемента абзаца?

128. Как установить нижний отступ для элемента абзаца?

129. Как установить левый отступ для элемента абзаца?

130. Как установить правильный отступ для элемента абзаца?

131. Как установить верхний отступ для элемента абзаца?

132. Как вставить разрыв страницы после каждого элемента нижнего колонтитула?

133. Как установить перспективу, с которой просматривается элемент?

134. Как установить базовое размещение 3D-элемента?

135. Как установить положение элемента заголовка-2?

136. Как указать кавычки для цитат?

137. Как указать, что элемент подразделения должен быть изменяемого размера пользователем?

138. Как установить правый край абсолютного положения элемента деления?

139. Как установить размер вкладки элемента абзаца?

140. Как настроить алгоритм раскладки таблицы?

141. Как установить выравнивание текста для элементов?

142. Как выровнять последнюю строку элемента абзаца вправо?

143. Как настроить оформление текста для элементов заголовка?

144. Как установить отступ первой строки всех элементов абзаца?

145. Как установить выравнивание свойства в элементах абзаца?

146. Как использовать свойство переполнения текста?

147. Как добавить тень к тексту?

148. Как изменить регистр текста в абзацах?

149. Как разместить элемент на определенном расстоянии от верхней части документа?

150. Как повернуть элемент с помощью CSS?

151. Как установить базовое размещение повернутого элемента?

152. Как преобразованные дочерние элементы сохраняют трехмерные преобразования?

153. Как навести курсор на элемент деления, чтобы постепенно изменить ширину?

154. Как указать количество секунд или миллисекунд ожидания до начала эффекта перехода?

155. Как установить эффект перехода на 5 секунд?

156. Как происходит переход-свойство эффекта, когда пользователь наводит курсор на элемент?

157. Каким образом свойство transition-timer-function определяет скорость от начала до конца?

158. Как используется свойство unicode-bidi?

159. Как установить свойство вертикального выравнивания элемента?

160. Как установить свойство видимости элемента?

161. Как свойство пробела используется для обработки внутри элемента?

162. Как указать ширину области содержимого элемента?

163. Как указать свойство word-break, чтобы слова могли быть перенесены на следующую строку?

164. Как указать пробел между словами в элементе абзаца?

165. Каким образом свойство деформации слова позволяет разбивать длинные слова и переносить их на следующую строку?

166. Каким образом свойство z-index определяет z-порядок элемента?

См. Общий редактор Pen html css от w3resource ( @ w3resource ) в CodePen .