반응형 CSS3 CSS 속성의 상속과 우선순위 적용 CSS 속성 상속가능과 불가능- 상속하는 속성은 자식에게 영향을 줌속성상속 가능width/heightnomargin/paddingnobordernobox-sizingnodisplaynovisibilityyesopactiyyesbackgroundnofont/coloryesline-heightyestext-alignyeswhite-spanceyespostionnooverflowno 상속되는 속성 자식에도 적용CSS Cascading- css를 사용하다보면 한 태그에 여러 스타일이 겹치는 경우가 발생하여 우선적용에 대해 결정하는 것을 캐스케이딩이라 함- 캐스케이딩에는 1. 스타일 우선순위 2. 명시도 3. 선언순서 세가지 규칙이 있음1. 스타일 우선순위 - css가 어디에 선언 되었는지에 따라 우선순위.. 2024. 11. 26. CSS 기초 CSS란?- Cascading Style Sheet의 약자로 HTML,XHML,XML같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어- 웹페이지를 꾸며주는 역할CSS 기본문법- 선택자{특성:값;}CSS 적용방식1) html요소의 style속성을 직접 작성하는 방식 직접 스타일을 작성 2) html의 3) 링크(link) 방식 4) @import 방식 2024. 11. 25. 폰트 단위 이해 PX(Pixel)이란?- Picture Element 줄임말- 화면의 이미지를 구성하는 가장 최소 단위를 뜻함- 픽셀의 수가 많아지면 해상도가 높은 이미지임 PPI(Pixel Per inch)- 1인치당 몇 개의 픽셀로 구성되어 있는지를 표현하는 디스플레이의 해상도 단위- 1인치에 많은 픽셀이 존재할수록 표현할 수 있는 범위가 커져 선명한 화면을 얻을 수 있음- 10 PPI는 1인치에 들어가는 픽셀의 개수가 100픽셀 DP란?(Device Indepenent Pixel)- 디바이스 크기게 의존하지 않는 픽셀 (픽셀의 독립 단위)- 화면 크기가 달라져도 동일한 비율로 보여줌 DPI란(Dot Per inch)- 인쇄 출력물 해상도 단위- 1인치에 들어가는 점의 개수를 의미함- 10DPI는 1인치에 들어가는 .. 2024. 11. 4. 이전 1 다음 LIST
