본문 바로가기
SMALL

CSS16

CSS) 폰트 관련 (폰트 적용 방법, font-family, font, 폰트 사이즈) 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. HTML 코드 글꼴관련 가나다라마바사 ABCDEFG hijklmn 1234567890 가나다라마바사 ABCDEFG hijklmn 1234567890 가나다라마바사 ABCDEFG hijklmn 1234567890 가나다라마바사 ABCDEFG hijklmn 1234567890 CSS 코드 font-family - 왼쪽부터 우선순위대로 적용 (왼쪽부터 폰트가 있다면 적용하고 없다면 다음 폰트 적용) - 맨 오른쪽에는 generic family 폰트(반드시 존재하는 폰트) 중 하나를 작성 (serif / sens-serif / cursive / monospaced) '홍길동날라차기체'라는 폰트는 .. 2022. 5. 15.
CSS) 선택자 우선 순위 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 선택자 우선 순위 (우선 순위 높음) !important inline 속성 a : #id b : .class, attribute, pseudo-class c : tag, pseudo-element (우선 순위 낮음) HTML 코드 우선순위 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veniam fuga laborum libero inventore. Harum, doloribus, adipisci labore laborum quas velit, quidem architecto cumque animi vel minus voluptas.. 2022. 5. 13.
css) 선택자(2) - 가상 클래스 선택자, 부정 선택자, 루트 선택자, 가상요소 선택자 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 가상 클래스 (pseudo-class) 선택자 HTML 코드 Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse nisi suscipit iste minima reprehenderit sapiente. A voluptas rem mollitia, optio quidem beatae, assumenda iste, quo dolorem vero temporibus est repudiandae? Culpa unde ullam temporibus magnam tempore expedita! Maxime hic omnis ut fugit a.. 2022. 5. 13.
CSS) 스타일 기본 형식, HTML문서 적용 방법, 선택자(1) 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. CSS(Cascading Style Sheets) - 디자인을 입힐 때 사용하는 언어 스타일 기본 형식 CSS를 HTML문서에 적용하는 방법 ① HTML요소의 inline style 속성 작성 HTML요소의 inline style속성 작성 ② HTML문서의 내부 style태그 작성 ③ 외부 CSS파일을 현재 HTML문서와 연결 /* css 영역 style.css */ ol { background-color: lightgray; } 보통 3번을 자주 사용하며, 1번의 방법 사용을 지양합니다. https://www.w3schools.com/cssref/css_selectors.asp CSS S.. 2022. 5. 13.
LIST