-
<div> 한줄 단위로 적용
<p> 줄바꿈
<span> 안에있는 입력되는글자크기에 따라 정하기 때문에 크기조정 안됨, height, width가없음<em>
- emphasize
- 중요한 문구를 강조하는 HTML 태그 중 하나
- (기본) 글자가 기울임체로 표현
상속이란 상위(부모, 조상) 요소에 적용된 프로퍼티를 하위(자식, 자손) 요소가 물려받는 것을 의미
상속 기능이 없다면 각 요소의 Rule set에 프로퍼티를 매번 각각 지정해야 함.
하지만 모든 프로퍼티가 상속되는 것은 아님. 프로퍼티 중에는 상속이 되는 것과 되지 않는 것이 있는데
font, color, visibility, opacity, line-height, text-align, white-space 이 상속 가능*스타일 시트(CSS) 파일을 로드하는 방법
1.link태그
2.@import* 스타일 시트가 중첩되었을 때 순위
- 1순위 : 태그 안의 스타일 시트(안의 소스를 일일이 확인해야되기때문에 비추천)
- 2순위 : <style> 태그
- 3순위 : 파일 스타일 시트
font-size를 pt로 주기도 하고 em 방식을 사용하기도 함.
em 방식은 현재 글자 크기에서 몇 배의 크기로 해라 하는 뜻
만일 font-size: 1.4em 라고 하면 1.4배의 크기로 만들어라 하는 뜻
opacity
- 요소에 투명도를 부여할수 있는 속성으로 다음과 같이 표현
- opacity: 0.5;
속성 값은 투명에서 불투명까지를 0 ~ 1로 표현 하므로 0.5는 반투명에 해당'CSS' 카테고리의 다른 글
[CSS] px em rem, max min -width (0) 2024.04.17 [CSS] Selector 선택자 (0) 2024.04.17 [CSS] flex, grid (1) 2024.04.15