Псевдоклассы CSS :focus, :hover и :active

CSS, , , , , HTML-. . , . , . CSS :focus, :hover, :active.

CSS , :focus, :hover, :active. . :

.button:hover{
border: 1px solid #333;
}
.button:active{
opacity: .5;
}

      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, button, :hover .

. . CSS :focus -, . .

input[type="text"], input[type="email"]{
		width: 300px;
		font-family: 'Gochi Hand', cursive;
		text-align: center;
		border: 0;
		outline: none;
}
input[type="text"]:focus, input[type="email"]:focus{
			border: 0;
		}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

:hover , . - , , , :active

:active, :focus, :hover - . , , . . «!», « !» , , .

. :hover , . CSS - focus , . :hover — . - .