qbj700

See the Pen HTML/CSS/JS 실습 (예제 - 2) by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 1) by qbj700 (@qbj700) on CodePen.

- text-align (텍스트 정렬) - left / center / right 등으로 정렬가능 - hover (마우스 올려두었을때 반응) - div:hover{ - color:red; - } - 등으로 표현가능 (마우스를 올려두고있을때만 텍스트가 빨간색으로 바뀜) - text-decoration (텍스트 꾸미기) - text-decoration:none; - 꾸미기 값이 none; 으로 설정됨 - underline 등 필요한 값을 입력하여 설정 변경

- 줄바꿈 \ - (공백 1칸) - HTML 에서 공백은 아무리 엔터와 스페이스바를 입력하여도 한칸으로 인식됨 - 따라서 두칸이상 공백을 넣을경우 를 사용하여 공백 입력 - a 의 default값 / href=" " 는 기본 - display:inline; - 젠 코딩 (Zen coding) - section>({|}+nav>a[href="#"]{BRAND$})+{|} => 이렇게 입력할경우 - \ - | - \\BRAND1\\ - | - \ - 이런식으로 표현가능

color:red; 흔히 알고있는 색으로 표현가능 (yellow, green 등등) color:#FF00FF #을 쓰면 16진수 표현가능 (2자리씩 차례대로 R,G,B) - FF가 최대 color:rgba(0,0,0,1); (0~255,0~255,0~255,0~1) 차례대로 (R,G,B,투명도) 상위 color 3가지는 color가 쓰이는 모든곳에서 사용가능 흔히 알고있는 색으로 표현가능 (yellow, green 등등)

letter-spacing / word-spacing 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 설정. 값이 커지면 간격이 증가. 값으로 음수 지정 가능. 음수를 값으로 하는 경우 글자가 겹칠 수 있다. *특징* 글자 사이의 간격을 변화시키면 단어 사이의 간격도 변함. 단어 사이의 간격을 변화시켜도 글자 사이의 간격은 변화 무.

font-weight: normal : 보통 굵기입니다. 숫자 400과 같다. bold : 굵은 굵기입니다. 숫자 700과 같다. bolder : 상속된 값보다 굵은 굵기. lighter : 상속된 값보다 얇은 굵기. number : 100, 200, 300, 400, 500, 600, 700, 800, 900 initial : 기본값으로 설정. inherit : 부모 요소의 속성값을 상속.

font-size: medium : 웹브라우저에서 정한 기본 글자크기. xx-small, x-small, small, large, x-large, xx-large : medium에 대한 상대적인 크기. smaller, larger : 부모 요소의 글자 크기에 대한 상대적인 글자 크기. length : px, %, em, rem 등으로 크기를 정함. initial : 기본값으로 설정. inherit : 부모 요소의 속성값을 상속.

- display : block 일때 - 너비 : 지정되어 있지만 않다면, 최대한 유연하게 늘어난다. - 높이 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 줄사용 : 무조건 한 줄을 혼자 쓴다. - display : inline-block 일때 - 너비 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 높이 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 줄사용 : 가능하다면 한 줄을 여럿이 사용한다.

HTML 은 태그(여는 태그/ 닫는 태그)와 텍스트로 이루어져있다. - div+section+article+nav (tab 누르면 자동완성) - 안될시 잘라내기/붙여넣기 후 tab누르기 - section*2 => section 앨리먼트가 2개 생성됨 - div > section 꺽쇠(>)는 부모자식 관계 - div section 띄어쓰기(블랭크)는 후손 관계 1 2 3 4 cs