나도 공부한다/CSS4 CSS의 기본 정의캐스케이딩 스타일 시트의 약자.여러 스타일이 같은 요소에 적용될 수 있다.CSS는 규칙으로 작동한다. CSS 규칙이란?선택자(스타일링하는 대상)과 선언(스타일링 방법)의 조합 핵심 개념Selector(선택자), Property(속성), Value(값)selector요소 선택자div클래스 선택자.blog-post아이디 선택자#main-title속성 선택자[disabled]전체 선택자*거의 쓰이지 않음. 대신 body 태그 선택자를 사용하는 게 나음propertybackground-colorwidthcolormargindisplayetc..valuered30%#fa923f10pxblocketc.. 값의 종류값은 프로퍼티와 연관되어있으며 대략 네 가지로 나눌 수 있다.사전 정의된 옵션 값 (헥스코드, 숫.. 2025. 1. 11. CSS 기초 다지기 - 4. 상속 CSS에서의 상속이란? 어떤 요소가 부모 요소의 스타일을 상속받는 걸 말한다. // html Get the freedom you deserve. // css body { font-family: serif; } section { background: #ff1b68; } h1 { color: white; font-family: 'Protest Guerrilla', sans-serif; } .section-title { color: blue; } .protest-guerrilla-regular { font-family: 'Protest Guerrilla', sans-serif; font-weight: 400; font-style: normal; } 여기서 body는 h1의 간접적인 부모라는걸 알 수 있다. 개.. 2024. 2. 4. CSS 기초 다지기 - 2. 폰트 변경하기 폰트 변경 프로퍼티 폰트 변경은 font-family라는 프로퍼티로 할 수 있다. 브라우저에서 기본적으로 사용되는 폰트는 sans-serif, serif, monospace 이다. h1{ color: white; font-family: sans-serif; } 기본 폰트 이외에 다른 폰트를 사용하고 싶을 때는 어떻게 할까?? 기본 폰트 이외에도 구글에서 제공하는 다양한 폰트를 쉽게 가져다가 사용할 수 있다. https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 들어가면 이렇게 여러 종류의 폰트가 보이는데 원.. 2024. 2. 3. CSS 기초 다지기 - 1. CSS 추가하기 CSS 추가하기 HTML 코드에 CSS를 입히는 방법에는 세가지가 있다. 1. 인라인 스타일 style 속성을 사용하여 태그 내부에 CSS를 선언하면 된다. 여기서 말하는 선언은 어떤 프로퍼티에 어떤 스타일을 어떻게 지정할지 정의하는 것이다. CSS 프로퍼티는 background, font-size 등 요소를 변경할 수 있는 속성을 말한다. 일반적으로 많이 사용하는 프로퍼티는 20여개밖에 없다. 반복적으로 작업하다보면 자연스럽게 외워진다. 잠깐 속성값에 대해 얘기하자면, 속성마다 적용할 수 있는 값이 다르며 값의 유형은 크게 네가지로 나뉜다. 첫번째로, 이미 정해져있는 값이다. display 속성의 경우 block, inline 등의 옵션이 있다. 두번째로, 색상이다. background나 color 속.. 2024. 2. 3. 이전 1 다음
