HUMANITY

liline-block HTML DOCTYPE html> CSS CSS input { width: 50px; height: 100px; } HTML DOCTYPE html> CSS Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit, similique reiciendis sequi culpa quo veniam aperiam natus vitae, magni itaque distinctio dolores earum delectus laboriosam obcaecati eaque animi? Est, veniam? Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit, similique reic..

IT/CSS 2023. 9. 11. 23:06

CSS 소개 CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 스타일을 지정하는 언어입니다. CSS는 룰 기반(Rule-based)의 언어이다. 룰은 선택자(selector)와 속성(property)으로 구성됩니다. HTML과 함께 사용되어 웹 페이지의 모양과 배치를 결정합니다. 선택자는 스타일을 적용할 요소를 지정하고, 속성은 요소의 스타일을 변경하는 특성을 지정합니다. CSS를 통해 특정 요소, 혹은 특정 요소들의 집합의 스타일 규칙을 정의할 수 있다. CSS는 Level 1, 2, 3으로 나뉩니다. Level 3은 CSS의 최신 버전으로, 가장 많은 기능을 제공합니다. CSS는 모듈별로 사용할 수 있습니다. 모듈은 CSS의 특정 기능을 정의하는 단위입니다. 예를 들어, @fo..

IT/CSS 2023. 9. 9. 10:12

1. 내부 스타일(embedded) 2. 인라인 스타일(inline) 3. 외부 스타일(external) 1. 내부 스타일(embedded) DOCTYPE html> h1 { color: red; } CSS Welcome! 2. 인라인 스타일(inline) Welcome! 3. 외부 스타일(external) DOCTYPE html> CSS Welcome! 캐스캐이딩 원칙 1. 스타일 우선순위 2. 스타일 상속 스타일 우선순위 동일한 스타일이라도 선언된 곳에 따라 우선순위가 정해진다. 브라우저에 의해 정의된 스타일< 개발자가 선언한 스타일< 사용자가 구성한 스타일 적용 범위가 적을 수록 우선시 된다. tag 스타일 < class 스타일 < id 스타일 < 인라인 스타일 소스코드의 순서가 뒤에 있으면 덮어쓴..

IT/CSS 2023. 9. 8. 17:12