'css' 태그의 글 목록

본문 바로가기

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.

html 기초 문법 정리 태그 html에서 태그는 꺾쇠기호를 사용하는 문법입니다. 일반적으로 시작 태그와 종료 태그로 내용을 감싸며, 시작 태그는 형태로, 종료 태그는 형태로 씁니다. 단락을 구분하는 태그입니다. HTML 파일의 기본 구조 맨 윗줄에는 이 파일이 html문법을 쓴다는 걸 알려주는 코드가 들어갑니다. 이 바로 그 코드인데요. 그 아래로는 html태그로 감산 뒤에 head 태그와 body 태그로 나눕니다. head 안에는 페이지에 대한 정보가 들어가고, 안에는 페이지 내용이 들어갑니다. 기본 태그들 정리 사이트 이름 인코딩 정하기 제목 시작메모 시인 기형도 단락 나는 한동안 무책임한 자연의 비유를 경계하느라 거리에서 시를 만들었다. 거리의 상상력은 고통이었고 나는 그 고통을 사랑하였다. 그러나 가장 위대한 잠언이 자.. 2024. 3. 4.

이전 1 다음

티스토리툴바

Web Analytics Made Easy - Statcounter