CSS 핵심 개념 정리 CSS 파일 분리 이전에 다루었던 CSS 기초 문법 정리에서 태그 안에 css를 적용하는 방법 말고, 좀 더 편하게 css를 사용하는 방법이 존재한다고 했었죠. CSS 속성은 하나하나 태그에 넣기보다는 CSS파일을 따로 만들어 규칙을 정해 놓고 사용하는 걸 권장합니다. .css 파일을 분리하기 위해 먼저 html 파일의 head 부분에 다음과 같은 코드를 추가해 줍니다. 이렇게 하면 우리는 html 태그들을 직접 조작하지 않고, 동일 디렉터리 안의 .css 파일을 통해 페이지의 세부적인 부분들을 더 쉽고 직관적으로 조작할 수 있게 됩니다. 여기서 link는 우리가 잘 알듯이 외부 리소스를 문서에 연결할 때 사용되는 태그입니다. rel="stylesheet"은 연결된 리소스가 스타일 시트임을 의미합니다. .. 2024. 3. 5. CSS 기초 문법 정리 css 기초 문법을 활용하기 이전에 html 기초 문법 정리를 한번 보고 오시는 것을 추천드립니다. Style 속성 html의 태그에 CSS를 적용하려면 style이라는 속성을 사용합니다. 태그 안에 css를 적용하는 방법 말고, 좀 더 편하게 css를 사용하는 방법들도 존재합니다. 그건 CSS 핵심 문법에서 다뤘으니 확인해보세요. ... CSS코드를 추가할 때는 CSS속성: CSS속성값 형태로 적습니다. ... 여러 개의 CSS속성을 사용할 때는 세미콜론으로 구분합니다. ... CSS기본 속성 사용법 예시 배경색 background-color: #272928 글자색 color: #ffffff 글꼴 font-family: Poppins, 'Noto Sans KR', sans-serif 구글폰트에서 구할 .. 2024. 3. 4. 이전 1 다음