하루하루 개발하기

CSS 우선순위 - 동일한 속성을 적용할 경우 나중에 적용한 것이 우선된다. - 외부 스타일 시트와 내부 스타일 시트의 적용은 순서에 따라 나중에 적용한 것이 우선된다. - 내부, 외부, 인라인 스타일 시트 중 인라인을 우선 적용한다. -!important를 적용하면 가장 우선 적용된다. - 우선순위 계산 - inline: 1000점 - id: 100점 - class, 속성 선택자: 10점 - element: 1점 더보기 CSS 파일 코드 div { background-color: whitesmoke; } HTML 파일 코드 CSS 우선순위 div 1번 div 2번 div 3번 div 4번 div 5번 li 1번 div 6번 div 1번은 인라인 스타일을 가장 우선적으로 적용하기 때문에 aqua 색상이 ..

z-index - HTML 요소의 위치를 설정하게 되면 위치 및 방식에 따라 요소가 겹칠 수 있는데, 겹쳐지는 요소들의 순서를 결정할 때 사용한다. 순서는 숫자의 크기가 클수록 위에 위치하고 작을수록 아래에 위치하게 된다. # 사용 방법 요소 { css 코드 z-index: 숫자; } 더보기 z-index 1번째 div 2번째 div 3번째 div float - HTML 요소가 수평으로 나열된 주변의 다른 요소들과 자연스럽게 어울리도록 만든다. - float를 적용받은 요소의 다음에 나오는 모든 요소들이 끌어올려지고, 요소의 뱡향은 left, right로 결정한다. - 컨텐츠의 크기만큼만 영역을 설정하고, float를 적용받은 요소는 다른 요소(배경)보다 위에 위치하게 된다. # 사용 방법 요소 { cs..

CSS 배경 설정 background-color - HTML 요소의 배경색을 설정한다. # 사용 방법 요소 {background-color:색정보} 더보기 css 배경1 배경 적용하기 Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga quam dolorum pariatur quidem, eos aliquid repudiandae ipsa dignissimos ullam! Aut corrupti quia possimus, assumenda odit voluptate? Ipsa ut est rem? background-image - HTML 요소의 배경으로 나타날 배경 이지미를 설정한다. - 배경 이미지의 기본 반복 설정이 되어 나타난다. # 사용..

CSS 문법 - HTML 문서 인라인 스타일 # HTML 요소 내부에 style 속성을 사용하여 적용하는 방법 인라인 스타일은 요소 내부에 style 속성을 사용하여 지정하는 방식이다. 이 방법은 다른 스타일보다 우선순위가 높다. 하지만 유지 보수가 어려워 잘 사용하지 않는다. 내부 스타일 HTML 문서의 사이에 요소를 사용하여 적용하는 방법 # 예시 더보기 CSS를 적용하는 방법 인라인 스타일 내부 스타일 외부 스타일 내부 스타일은 HTML 문서 내부에 css 텍스트 인권에 대한 무시와 경멸이 인류의 양심을 격분시키는 만행을 초래하였으며, 인간이 언론과 신앙의 자유, 그리고 공포와 인권에 대한 무시와 경멸이 인류의 양심을 격분시키는 만행을 초래하였으며, 인간이 언론과 신앙의 자유, 그리고 공포와 인권에..