3일차

유데미/100일 코딩 챌린지

피까츄 2025. 4. 13. 00:18

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를 누른채로 업다운 키를 누르면 코드를 위아래로 이동가능하다

주석(설명)을 달 때는 을 사용하고

/* */을 사용하기도 한다