얄코의 제대로 파는 CSS

css에는 3가지의 방법을 이용해 적용할 수 있다. 인라인 스타일 (inline style) : 태그마다 style 속성을 준다. 사용하지 마라,(정말 특별한 경우, 어떤 요소만 아주 예외적으로 꾸며준다던가 할때만 사용한다. 같은 웹사이트의 다른 곳에서 계속 재생

자손결합자 ( 스페이스 )는 모든 자손을 선택하는 결합자이다.일촌 자식 결합자 ( > ) 는 자기 아들 딸, 딱 1촌 자식만을 선택하는 결합자이다. \*\*하지만, 속성이 오로지 1촌자식만 적용된다면 그 아래의 자실들도 해당 속성을 물려받게 된다.뒤따르는 모든 동생들

글자를 기울일 때 사용가능. italic과 oblique.italic과 oblique은 얼핏 보면 비슷하지만,italic : '기울여서 쓴' 서체.oblique : 본래 서체를 기울여놓은 것.서체마다 둘 다 있거나 한 쪽만 있거나 둘 다 없을 수도 있는데이들은 한쪽이

텍스트의 정렬 방식을 지정한다. 직관적으로 알 수 있듯, 기본값인 left는 왼쪽, center는 가운데, right은 오른쪽으로 텍스트(및 인라인 요소들)을 정렬한다. justify는 왼쪽으로 정렬하면서, 텍스트가 여러 줄이 될 때 마지막 줄을 제외한 줄들의 오른쪽이

여러 형식들을 사용하여 색상을 지정할 수 있는데, keyword방식, RGB(A)방식, HEX방식, HSL(A) 방식이 있다.keyword는 색상마다 부여된 이름으로 이 링크에서 목록을 확인할 수 있다. ex) white, red 등등RGB(A) 는 빨강, 초록, 파랑

inline 요소 어떠한 내용물을 포장지로 꽁꽁 싸매어 그 공간만을 차지하는 것. 일정한 바깥 형태나 껍데기가 없고 페이지의 흐름에 따라 다른 텍스트나 컨텐츠와 어우러져 배치된다. width/height 속성을 무시한다. -> margin과 padding 속성의 좌우

inline이 아닌 요소는 width와 height로 크기를 조절할 수 있다.부모의 길이에 상대적인 %뷰포트(viewport) 너비와 높이의 1/100 단위인 vw와 vh이들 중 큰 것과 작은 것의 1/100 단위인 vmax와 vmin(텍스트가 한 줄일 경우) heig

border 속성을 사용하면 요소에 테두리를 줄 수 있다. 선의 굵기와 스타일, 그리고 색을 다양한 값으로 줄 수 있다.ex) border: 2px solid black / 0.5em dashed 너비와 높이 값에 padding과 border 값을 포함시킬지 결정한다.

background-repeat 속성 background-repeat : repeat(많이 사용) no-repeat repeat-x repeat-y space round repeat space round no-repeat space round repeat 값 기본값

position 속성 position 속성은 요소들이 화면에 어떻게 배치될지를 지정한다. 특이사항으로는, 이 속성은 자식 요소에게 대물림되지 않는다는 점이 있다. static static은 기본값으로, 전적으로 페이지의 흐름을 따르며 top, bottom, left,

auto -> 자동으로 요소의 특성에 따라 모양이 바뀐다.default -> 기본 화살표 모양.none -> 보이지 않는 커서.pointer -> 손 모양, 클릭 유도.zoom-in -> 돋보기 모양, 확대 유도.not allowed -> 금지속성을 0으로 하면 모습만

웹 사이트의 구조를 영리하게 짤 수 있다.display를 flex로 지정하면 플렉스 방식으로 자식 요소들을 배치하게 된다.inline-flex는 해당 컨테니어 요소를 인라인으로 만든다는 차이가 있다.flex-direction의 값row(가로로 왼쪽부터)column(세로