tag HTML 문서 안에서 문서의 내용을 나타내는 tag. tag 안에는 오로지 2개의 tag만 올 수 있다. 첫 번째는 두 번째는 . 이러한 관계에서 은 , 와 '부모 자식 관계'라고 흔히 일컫는다. 와 는 같은 레벨에 있기 때문에 '형제 관계'라고 보통 표현한다. 에는 문서 자체의 내용이 아니라 그 내용이 어떤 것인가를 설명하는 meta data가 포함된다. ex, 문서의 제목, 문서에서 사용하고 있는 문자 코드 값 문자 코드는 나중에 알면 된다..ㅎㅎㅎ 일단 pass! 가 옷이라면 는 옷에 달린 tag에 적힌 수많은 data(어떻게 빨아야 되는지, 누가 만들었는지, 재질은 무엇으로 되어있는지 등)이다.

자, 이제 본격적으로, 웹 문서를 꾸며보자. 일단 text부터! font-family font-family 속성은 text를 사용하는 요소에서 주로 쓰임. ex, , , user system에 설치되어 있지 않은 글꼴이 지정되어 있다면 웹 문서 source code에서 의도하지 않는 걸로 표시됨. (그니까 없을 경우를 생각해서, 2번째와 3번째 글꼴까지 생각해야 함!) 2개 이상의 글꼴을 지정한다면 쉼표(,)로 구분하기 ex, 위의 예시와 같이 안에서 글꼴을 한 번 정의하면, 문서 전체에 적용되고, 모든 자식 요소에 다 같은 글꼴이 쓰임! cf, 나열한 값들 중 하나가 속성값이 되어야 한다는 의미로 쓰는 콜론(:)도 아닌 저것을 어찌 쓰느냐... 검색하다 알게 됐다. 키보드에서 Enter 키 위쪽에 흔히..

웹 문서에서 쓰는 여러 tag는 다른 tag를 포함하기도 하고, 다른 tag에 포함되기도 하는 관계이다! parent element(부모 요소): 포함하는 tag ex, child element(자식 요소): 포함된 tag Style Sheet에서는, child element에 별도로 적용된 속성이 없다면? → parent element에 적용된 속성이 그대로 전달됨!!! 이게 바로 Style Inheritance (스타일 상속) ex, tag의 style에서 글자 색, 글꼴 지정한다면, 그 style은 웹 문서 전체에 적용된다. cf, 배경 색, 배경 이미지 style inheritance가 될 수 없는 애들. 그리고 style inheritance가 모든 style 충돌을 해결해주는 건 아님! → 우..

Cascading 폭포같은, 폭포처럼 흐르는 그니까 웹 요소에 2개 이상의 style을 적용하게 된다면, 우선순위에 따라서 뭐 먼저 적용할래?하고 결정하는 것이 Cascading Style Sheet (Style끼리 충돌하지 않게 도와줌!) 우선순위는 어떻게 결정되는데? 1) 얼마나 중요한데? User style → Author style → Browser basic style - 그 웹페이지를 사용하는 사람이 적용한 style이 최우선! - 그 다음 중요한 건, 그 웹페이지를 만든 사람이 적용한 style, - 마지막으로 중요한 건, web broswer가 적용한 style. 2) 적용 범위는 어디까지야? !important → inline style → id style → class style → t..

Attribute Attribute Value 어떨 때 쓰나? text-align center, etc. text 정렬 color blue, etc. 글자 색 background-color #fff, etc. 배경 색 font-style italic, etc. 글꼴 서식 font-weight bold, etc. 글꼴 서식 border 1px solid #000, etc. 테두리 굵기, 색깔 width 500px, etc. 너비 margin 10px auto, etc. 중앙 배치 padding 10px, etc. 테두리-내용 사이 여백 display inline-block 글자 부분에만 배경색이 채워지도록 지정. font-family "맑은 고딕", 돋움, 굴림, etc. 글꼴 지정 font-size 10..