본문 바로가기

FrontEnd/CSS

02. 스타일의 우선순위 웹 문서에서는 스타일이 여러 곳에서 사용되기 때문에 우선순위가 중요!!특히 상속의 개념과 캐스캐이딩의 개념이 중요!! ex) 예약 방법 및 요금요안도라 예약의 가장 빠른 방법은? 예제를 작성하여 보면 안에 와 가 같이 영향을 받는다.이것을 스타일 상속이라고 하며, 부모로부터 자식에게 단계별로 스타일이 적용되기 때문에계단식 이라는 의미를 가진 "캐스케이딩"이라는 단어가 스타일시트를 수식하는 말이 되었음. 단 주의점은 모든 속성이 상속이 되진 않는다.만약 배경이 상속이 된 다면 모든 자식 요소들에게 전부 상속이 될 것이고이는 자식의 수만큼 배경이 반복이 되면서 우리가 원하지 않는 결과를 가져 올 것이다. ex)예약 방법 및 요금요안도라 예약의 가장 빠른 방법은?예약 방법직접 통화문자 남기기 요금1인 : 40.. 더보기
01. CSS 기초 웹 표준의 기본은 HTML과 CSS.HTML로 뼈대를 만들면 CSS로 살을 붙이는 것. CSS? WHY?1. 웹문서와 디자인의 분리. - 분리를 통해서 서로 영향을 주지 않고 내용 변경 가능.2. 다양한 환경에 대응. - 기존의 웹은 틀이 정해져 있기 때문에 환경에 따라 다르게 제작해야 했지만 분리를 하게 되면 환경에 맞춰 CSS만 변경해주면 된다. p { color : blue; }선택자 : 가장 앞에 나오는 부분이며, 선택자로 선택 된 영역은 전부 적용. * CSS는 공백을 무시하기 때문에 가독성을 높이고자 여러 줄에 걸쳐 작성하는 경우가 많음. 주석- /* */ 사용. 스타일 정보는?스타일 정보는 문서가 표시 되기 전에 결정되어야 하기 때문에모든 스타일 정보는 사이에 장의.웹 문서 안에 있는 내부 .. 더보기