style 속성은 보이는 모든 HTML 요소에 적용이 가능하다
색상을 넣고 싶을 때에는 HEX(16진수 코드)를 사용하는데, 이는 2진수나 10진수보다 더 짧게 쓸 수 있어서이다
물론 색상 피커도 사용가능하고
HSL 방식과 rgb코드 둘 다 가능하다
한줄이 너무 길 때는 줄바꿈을 넣어주어야한다
자동으로 하는법 : keyboard shortcut > preference > format document에서 확인 가능하다
단축키는 shift + alt + f이지만
내 컴퓨터에서는 작동하지 않아서 prettier라는 확장 프로그램을 깔았다
개발자 도구는 f12로 열 수 있고 이번 강의에서는 elements를 집중적으로 봤다
개발자 도구에서 수정한 코드들은 새로고침을 하면 원래대로 돌아온다
외부페이지를 연결할 때는 <a></a> 태그를 활용하며 앵커 태그라고 부른다
타깃 주소 또한 정의해줘야하는데 이 때는 href를사용한다 (href = "URL")
css를 사용한 지금까지의 방법은 인라인 방법인데 style을 상단에 써 일괄 정의할 수도 있다
이 때는 CSS Rules에 따라
선택자 {
color : #534b4b;
}와 같이 쓴다
이런 방법을 사용하면 불필요한 중복이 줄고 가독성이 늘 수 있게 된다
스타일요소(메타정보)와 요소도 구분을 해줘야하는데, 이 때는 html의 틀을 이용한다
기본적으로 <head></head>사이에는 메타정보를 쓰고,
요소들은 <body></body>안에 넣는다
이 둘은 <html></html> 태그 안에 넣어야한다
<title></title>을 사용해서 탭에서 보이는 이름을 수정할 수도 있다
글을 드래그한 뒤에 alt를 누른채로 업다운 키를 누르면 코드를 위아래로 이동가능하다
주석(설명)을 달 때는 <!-- 내용 -->을 사용하고
/* */을 사용하기도 한다
'유데미 > 100일 코딩 챌린지' 카테고리의 다른 글
| 4일차 + 5일차 (0) | 2025.04.18 |
|---|---|
| 1일차 + 2일차 (0) | 2025.04.13 |