본문 바로가기
[CSS] 스타일 우선순위 ■ 중요성 우선순위 1. 사용자 스타일 시트의 중요 스타일 저시력자, 색약자 등 특별한 조건이 필요한 사용자가 그들에 맞게 구성한 스타일 시트 제작자가 제어할 수 없음 2. 제작자가 만든 스타일 중 !Important가 붙은 스타일 제작자 스타일 시트 내용 중 최우선으로 적용할 스타일 뒤에 !important를 붙임 p { color: red !important; } 3. 제작자가 만든 일반 스타일 일반적인 스타일 4. 브라우저 스타일 시트 각 브라우저들 마다 적용하고 있는 기본 스타일 예시로 글자색을 미지정시 브라우저가 기본 글자 색을 검정으로 설정 ■ 적용 범위 우선순위 스타일 적용 범위가 좁을수록 우선순위가 높음 !important 표시 스타일 인라인 스타일 id 스타일 클래스 스타일 태그 스타일 .. 2022. 1. 9.
[CSS] Margin과 Padding margin : 바깥 여백 padding : 안쪽 여백 작성시 유의 사항 참고 2022. 1. 9.
[CSS]스타일<style>을 적용하는 세 가지 방법 1. 내부 스타일 시트 HTML 문서 안에서 사용할 스타일을 정리한 것 태그 안에 정의 태그 사이에 작성 ▷ 예시 2. 외부 스타일 시트 보통 웹사이트는 다수의 HTML 문서가 있음, 일관성 있는 스타일을 적용하기 위해 외부 스타일 시트 사용 .css 파일 작성 (보통 style.css) 3. 인라인 스타일 스타일을 적용할 대상에 직접 작성 RED 2022. 1. 9.
첫 번째 프로젝트 - 포트폴리오 웹사이트 구현 첫 번째 프로젝트로 포트폴리오 웹사이트 구현(Clone)을 선택 아래 링크 내용대로 똑같이 구현하고 코드를 분석하며 HTML, CSS, Javascript 학습한다. https://dev.to/kunaal438/amazing-portfolio-website-using-html-css-and-js-l8f 2022. 1. 9.