NOW OR NEVER

CSS(Cascading Style Sheet) 의미, 정의 cascading : 정의된 세부적인 정의가 있다면 그것을 쓰고 정의된 게 없다면 다음 기본적으로 정의된 것으로 넘어가는 것을 의미 웹사이트 스타일링 : author style(css) > user style(사용자가 지정한 스타일) > Browser 상에서 기본적으로 정의된 스타일 순으로 적용 !important 쓸 경우 위에서 말한 적용 순서를 무시하고 제일 먼저 적용됨, 나쁜 architecture가 될 수 있으므로 쓰지 않는 것이 좋다 선택자 selectors html의 어떤 태그들을 고를 것인지 규정하는 문법 구체적으로 태그 가까이 설정할 수록 우선순위가 높아짐 종류 * = universal tag이름 = 해당하는 태그만 골라냄 #id..

float : 요소를 좌우 방향으로 띄우는(부유하는) 개념(수평 정렬) 요소를 수평방향으로 정렬하는 용도로 많이 사용 flex box가 생기면서 수평 정렬하는 개념은 많이 퇴색됨 float : 방향; 기사처럼 요소 주변에 글(문자)이 흐르게 하는 용도로 사용 가능 1. 속성 값 none : 기본 값으로 요소 띄움 없음 left : 왼쪽으로 띄움 right : 오른쪽으로 띄움 2. 수평 정렬 float이 적용되기 전에는 위에서부터 아래로 쌓임 float이 들어간 요소들은 다 수평 정렬 float: left; 좌측부터 수평으로 쌓는 개념 float: right; 우측부터 수평으로 쌓는 개념 3. float 해제 거의 대부분 필수 적 float이 가진 문제점 : float 속성이 적용된 요소 주위로 다른 요소..

박스 모델 margin - 요소의 바깥쪽 여백 지정(단축속성) - top, bottom, left, right 개별적인 속성 지정 가능(이것을 한번에 아우르는 것이 단축속성) - 음수 negative values의 값도 사용할 수 있음(여백이 안쪽이 들어오는 것처럼) - 단위는 px, em, cm 등 쓸 수 있고 기본값은 0 - auto(브라우저가 여백 계산 출력, 특수한 경우에 사용), %(margin이 들어가는 요소의 부모요소의 width에 대한 비율로 지정)도 사용 가능 - 단축 속성들은 개별 속성을 대부분 갖고있다. 1. 단축 속성 - margin : 값; -> [위 아래 좌우]의 값이 다 하나의 값이다. - margin : 위의 값, 오른쪽 값, 아래 값, 왼쪽 값; ->위에서부터 시계방향으로 ..