본문 바로가기
728x90

FRONT/CSS & BootStrap2

BootStrap 정리 + css 조금 부트스트랩의 Grid System 페이지에 최대 12개의 열을 허용한다. 열을 그룹화 할 수 있다. col col-()-num xs, x, m, l, xl로 나뉜다. CSS position 속성 -> top, left, bottom, right 속성과 함께 사용된다. (4속성) 1. static : 원래 있어야 하는 위치. static이면 4속성 무시. 가로로 배열된다. 2. relative : 원래 있어야 하는 위치를 기준으로 '상대적'으로 배치한다. 3. absolute : position 속성이 static 이 아닌 첫 번째 상위 요소가 배치 기준이 된다. 4속성을 적용해야 한다. absolute의 부모 속성을 relative로 지정해 주는 것이 좋다. 4. fixed : 항상 고정된 위치에 지정할.. 2022. 3. 21.
CSS 예상문제 정리 Q. HTML, CSS, JS는 대체로 어디에 쓰이는지? HTML은 웹 페이지의 구조를 담당하고, CSS는 디자인을 담당하고, JS는 동작(이벤트)를 담당한다. Q. css style의 우선 순위는? 인라인 스타일, 내부 스타일, 외부 스타일 순으로 적용된다. Q. css 선택자 종류와 사용, 우선 순위? 선택자 표현 전체 * 클래스 . ID # 하위 공백으로 표시 자식 > 형제 +, ~ 타입 e{}, e1,e2{} id 선택자, 클래스 선택자, 타입 선택자, 전체 선택자 순으로 적용된다. Q. css 박스 모델 content, padding, border, margin으로 구분된다. 보더는 테두리, 컨텐츠는 알맹이, 보더와 컨텐츠 사이는 패딩, 보더 바깥은 마진으로 생각하면 된다. 2022. 3. 17.
728x90