본문 바로가기

FE/CSS

(2)
[CSS] CSS 기초2 CSS margin : 바깥 쪽으로 밀어냄 padding : 안쪽으로 밀어냄 css3 박스 모델은 content, padding, border, margin으로 구성되어 있다 footer 지역입니다 그림자 옵션 글씨 그림자 : text-shadow 이미지 그림자 : box-shadow 내용이 들어옵니다~~~ 배치하기 1 2 3 배치하기 1 첫번째 두번째 3 position - static : 고정, 변경 불가 - relative : static 상태에서 top, right, bottom, left 값으로 위치를 변경 가능 - absolute : 웹 페이지를 기준으로 top, right, bottom, left 값으로 절대 위치를 설정 position span1 span2 span3 기본 값은 static..
[CSS] CSS 기초 CSS css 스타일 시트 표준안 웹 문서에 글꼴, 색상, 정렬과 각 태그의 배치 방법 등 디자인 적용 css구성 선택자(selector) : 디자인을 적용할 대상 지정 속성 : 어떤 디자인을 설정할지 속성 값 : 속성에서 선택한 디자인을 어떻게 반영할지 선택자 id 선택자와 class 선택자의 차이 - id 선택자는 id 선택자를 여러개 중첩하여 사용할 수 없다. - class 선택자는 여러 class 를 중첩하여 사용할 수 있다. id를 부여할 경우 문서 내의 유일한 값으로 사용 문서내에서 동일한 id를 부여하면 안된다 class는 다른 태그에서 사용해도 된다 여러개를 동시에 부여할 수 있다 id 선택자와 class 선택자의 차이 하위 선택자, 자식 선택자, 인접 선택자, 형제 선택자 - 하위 선택자..

728x90