Html/Css. hover, nbsp, text decoration

kimkim·2025년 1월 20일

hover

  • ~~에 마우스를 올리면 이라는 뜻을 갖는다.
  • 태그뒤에 :를 사용하고 붙이며 뜻은 해당 태그에 마우스를 올리면 효과가 나타난다.
    • div:hover = div에 마우스를 올리면 효과가 나타난다는 뜻
  • 효과를 보기 위해서는 기존에 div 태그가 활성화가 되어있어야하고
    div:hover에 중복값만 준다면 변화는 일어나지 않는다.

nbsp

  • Html에서 Space를 여러번 눌러도 한번의 띄어쓰기밖에 나타나지 않는다.
  • 이러한 점을 보안해 Html에서 지정해놓은 특수 코드들이 있다.
  • 그중에 하나가  이다
  • 이 코드를 사용하면 html의 내에서 여러번 띄어쓰는 효과를 만들 수 있다.

text decoration

  • <a>를 사용할 때 아무 속성 없이 입력하게 된다면,
    파란 글씨에 밑에 underline이 생기게된다.
  • 여기서 a태그 css에 text decoration : none; 속성을 주게 되면 글씨 밑에 있는 underline을 사라지게 할 수 있다
  • 즉, 글자의 밑줄을 꾸미거나 지우는 css 요소이다.

0개의 댓글