본문 바로가기
[CSS] CSS의 7가지 단위 - 링크 CSS의 7가지 단위에 대한 설명이 잘 되어 있는 블로그 글이다. 출처: https://webclub.tistory.com/356 [Web Club] 2022. 1. 12.
[CSS] display 속성 (화면 배치 방법) block, inline display 속성에 대해 알기 전에 아래 내용을 알아야 한다. HTML 태그는 "블록 레벨 요소"와 "인라인 레벨 요소"로 구분지을 수 있다. 종류 태그 블록 레벨 태그 , ~ , , , , , , , , , 인라인 레벨 태그 , , , , , , , , , 그럼 "블록 레벨 요소"와 "인라인 레벨 요소"는 무엇일까. 블록 레벨 요소 블록 레벨 요소는 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 인라인 레벨 요소 줄을 차지하지 않는 요소 Display 속성을 사용하면 블록 레벨 요소를 인라인 레벨 요소로 바꾸거나 인라인 레벨 요소를 블록 레벨 요소로 바꿀 수 있다. display : none | contents | block | inline | inline-block | table |.. 2022. 1. 11.
[CSS] 스타일 우선순위 ■ 중요성 우선순위 1. 사용자 스타일 시트의 중요 스타일 저시력자, 색약자 등 특별한 조건이 필요한 사용자가 그들에 맞게 구성한 스타일 시트 제작자가 제어할 수 없음 2. 제작자가 만든 스타일 중 !Important가 붙은 스타일 제작자 스타일 시트 내용 중 최우선으로 적용할 스타일 뒤에 !important를 붙임 p { color: red !important; } 3. 제작자가 만든 일반 스타일 일반적인 스타일 4. 브라우저 스타일 시트 각 브라우저들 마다 적용하고 있는 기본 스타일 예시로 글자색을 미지정시 브라우저가 기본 글자 색을 검정으로 설정 ■ 적용 범위 우선순위 스타일 적용 범위가 좁을수록 우선순위가 높음 !important 표시 스타일 인라인 스타일 id 스타일 클래스 스타일 태그 스타일 .. 2022. 1. 9.
[CSS] Margin과 Padding margin : 바깥 여백 padding : 안쪽 여백 작성시 유의 사항 참고 2022. 1. 9.