[HTML,CSS] &nbsp, a노말라이즈

happyyeom·2024년 9월 18일

 

html에서 띄어쓰기는 한 번 이상 적용되지 않는다.
그래서 우리는  를 사용하는데 이것은 공백문자라고 불리며 한 개당 띄어쓰기 한 개의 기능을 한다.

a 노말라이즈

a링크를 사용하여 링크를 생성하면 그 생성한 링크의 text는 밑줄과 색상을 가지게 된다. 이런 경우에서는 text-decoration과 color를 이용하면 된다.

이것을 a의 nomalize라고 하는데 일반적으로 이것을 css속성에 미리 써두고 건드리지 않는다고 한다.

#홈페이지 상단바 구현하기

위와 같은 상단바를 구현한다고 했을 때,
를 사용해서 구현한다면?

|를 엘리먼트로 감싸고  대신 width를 사용한다면?

여기에 커서를 가져다대면 메뉴가 빨간색의 밑줄있는 글자로 변하게 만든다면?

위에 상단바를 젠코딩(emmet)를 이용해서 쉽게 코딩해보자!

nav>({|}+section>a[href="#"]{아이템 $})*7+{|}

profile
🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳🌳

0개의 댓글