푸으름

✏️ 스타일 시트종류설명브라우저 기본 스타일 웹 브라우저에 웹 문서를 표시할 때 브라우저에서 기본으로 사용하는 스타일인라인 스타일style 속성을 사용해 필요한 요소에 스타일을 직접 지정내부 스타일 시트문서 앞부분에 문서에서 사용하는 스타일을 모아서 함께 정의하고 관리외부 스타일 시트문서에서 사용하는 스타일을 따로 모아서 따로 파일로 저장한 후 연결해서 사용 ✏️ 기본 선택자종류설명작성 예시전체 선택자문서의 모든 요소에 스타일을 적용*{ margin : 0}타입 선택자특정 태그를 사용한 모든 요소에서 스타일을 적용p { font-style : italic}id 선택자특정 부분만 선택해서 문서 안에서 여러 번 사용.bg{ background-color : black}클래스 선택자특정 부분만 선택해서 문서 ..

✏️ 캐스캐이딩의 의미스타일 시트에서는 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미로 CSS는 우선순위가 있는 스타일CSS에서는 웹 요소에 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정함● 스타일 우선 순위 : 스타일 규칙의 중요도와 적용 범위에 따라 우선 순위가 결정되고, 그 우선 순위에 따라 스타일 적용● 스타일 상속 : 태그의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달✏️ 스타일 우선 순위우선 순위는 스타일 규칙의 중요도와 적용 범위, 소스 코드의 작성 순서에 따라서 결정됨● 얼마나 중요한가?스타일에는 사용자가 지정한 스타일(user), 제작자(author)의 스타일, 웹 브라우저(browser) 스타일이 있고중요도는 사용자 > 제작자 ..

✏️ 전체 요소에 스타일을 적용하는 전체 선택자스타일을 문서의 모든 요소에 적용할 때 사용하며 주로 모든 하위 요소에 스타일을 한꺼번에 적용할 때 사용// 마진과 패딩// 웹 문서 내용을 브라우저 창에 바짝 붙지 않도록 문서 내용과 브라우저 테두리 사이에 여백을 두는 것// 태그와 요소// 태그는 와 같이 태그 자체를 칭하고, 요소는 이름와 같은 경우에서 p요소로 칭함✏️ 특정 요소에 스타일을 적용하는 타입 선택자특정 태그를 사용한 모든 요소에 스타일을 적용함, 즉 타입 선택자를 사용해 스타일을 지정하면 해당 태그는 모두 적용// 이렇게 안녕하세요 ✏️ 특정 부분에 스타일을 한 번만 적용할 수 있는 id 선택자클래스 선택자와 마찬가지로 웹 문서의 특정 부분을 선택해서 스타일을 지정할 때 사용..

✏️ CSS의 기본구조선택자{ 속성 1 : 속성값1 속성 2 : 속성값2} ※ 스타일 규칙/* 여러 줄로 표기하기 */p{text-align: center;color:blue;}/*한 줄로 표기하기*/p{ text-align: center; color: blue;} ※ CSS 소스 경량화하기인터넷에서 css.minify or css.compress검색해서 사용하기 ✏️ 스타일 시트 알아보기웹 문서 안에에서는 스타일 규칙을 여러 개 사용, 이런 스타일 규칙을 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 모아두는 것을 스타일 시트라고 칭함스타일 시트는 크게 브라우저 기본 스타일, 제작자가 만드는 사용자 스타일로 나뉘고사용자 스타일은 다시 인라인 스타일, 외부 스타일 시트, 내부 스타일 시트 형..