Html/Css. hover, nbsp, text decoration
hover
~~에 마우스를 올리면 이라는 뜻을 갖는다.
- 태그뒤에
:를 사용하고 붙이며 뜻은 해당 태그에 마우스를 올리면 효과가 나타난다.
- div:hover = div에 마우스를 올리면 효과가 나타난다는 뜻
- 효과를 보기 위해서는 기존에 div 태그가 활성화가 되어있어야하고
div:hover에 중복값만 준다면 변화는 일어나지 않는다.
nbsp
- Html에서 Space를 여러번 눌러도 한번의 띄어쓰기밖에 나타나지 않는다.
- 이러한 점을 보안해 Html에서 지정해놓은 특수 코드들이 있다.
- 그중에 하나가
이다
- 이 코드를 사용하면 html의 내에서 여러번 띄어쓰는 효과를 만들 수 있다.
text decoration
<a>를 사용할 때 아무 속성 없이 입력하게 된다면,
파란 글씨에 밑에 underline이 생기게된다.
- 여기서 a태그 css에 text decoration : none; 속성을 주게 되면 글씨 밑에 있는 underline을 사라지게 할 수 있다
- 즉, 글자의 밑줄을 꾸미거나 지우는 css 요소이다.