Myvideo

Guest

Login

21. Оформления форм СSS стилями. Обращение к Inputs по типу. Псевдоклассы :active, :focus, :hover

Uploaded By: Myvideo
32 views
0
0 votes
0

Во второй части урока по формам в HTML мы научимся оформлять формы с помощью CSS стилей. Рассмотрим возможность обращения к inputs по его атрибуту type. Познакомимся с псевдоклассами :active, :focus, :hover. --- CSS в формах --- input[type=“password“] - выбираем input по его типу. :active - псевдокласс, который появляется в момент клика по элементу :focus- псевдокласс, который появляется пока элемент остается в фокусе после нажатия на него :hover - псевдокласс, который появляется в момент наведения мыши на элемент --- Тени в CSS --- box-shadow: 5px 5px 10px 10px #b19191; 1 атрибут - горизонтальное смещение: положительное число смещает влево, отрицательное вправо. 2 атрибут - вертикальное смещение: положительное число сдвигает вниз, отрицательное - вверх. 3 атрибут - радиус размытия: при большем значении тень размыта больше. 4 атрибут - радиус растяжения (необязательное свойство): большее значение увеличивает размер тени. 5 атрибут - цвет тени. #HTML #CSS #форма #input #псевдоклассы #active #focus #hover #boxshadow #вебдизайн #вебразработка #стилизация #frontend #разработка #cssэффекты

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later