목록css (3)
All :L
📒 CSS3 속성1️⃣ Font 속성Font 속성font-family : 글꼴 지정font-size: 글자 크기 지정font-style: 글자 스타일 지정font-variant: 소문자를 작은 대문자(samll-caps)로 변경font-weight: 글자 굵기 지정font: font에 관한 속성 한 번에 지정하는 단축형 속성2️⃣ Text 속성Text 속성text-align : text 정렬 방식 지정text-decoratione: text 장식 지정text-indent: 첫 라인 들여쓰기 지정text-transform: text 대문자화white-space: 엘리먼트 안 공백 지정vertical-algin: 수직 정렬 지정letter-spacing: 문자 간 space 간격 지정word-spacing..
📒 CSS3 선택자 (Selector)1️⃣ 선택자CSS 규칙 적용 타겟이 되는 다양한 종류의 CSS 선택자(selector)존재일반 선택자 : 전체, 타입, 클래스 ID 선택자로 분류복합 선택자 : 자식, 하위, 인접 형제, 일반 형제 선택자로 분류그 외 : 가상 클래스, 가상 엘리먼트. 속성 선택자 존재2️⃣ 일반 선택자전체 선택자사용법 : *{}HTML 문서 내 모든 요소 선택잘 사용되지 않으면 우선 순위 낮음타입 선택자사용법 : elementName {}태그명 이용해 스타일 적용할 태그 선택1개 이상의 HTML 요소 사용여러 요소 콤마로 구분클래스 선택자사용법 : .class-name {}클래스 명 : 공백 없이 대소문자 or -, _로 시작동일한 클래스 명을 중복해서 사용 가능(공통 속성 적용..
📒 CSS3 기본1️⃣ CSSCascading Style Sheets : 웹 페이지 디자인 담당웹 페이지를 표현하기 위한 스타일 규칙을 모아 둔 문서CSS 구성선택자(selector)와 선언(declaration) 두 부분으로 구성선택자는 규칙이 적용되는 엘리먼트선언 부분에서 선택자에 적용될 스타일 작성선언은 중괄호로 감쌈 → 속성과 값으로 이루어짐속성선택자에서 바꾸고 싶은 요소 (color, font, width …)값속성에 적용할 값여러 선택자에 동일 스타일 적용시 , (콤마)로 구분하나 이상의 속성 작성 가능 → 각 속성 ;(세미콜론)으로 구분2️⃣ 외부 스타일 시트 적용Link 태그link 태그를 사용해 외부 스타일 시트 적용link 태그는 head 태그 안에 작성 → rel, type, hre..