01. css style _ 스타일 적용방법 css는 앞서 말했듯 html로 잡은 구조를 꾸며주는 기능을 합니다. css 사용시 3가지 방법이 있습니다. 대충 방법만 숙지하고 넘어갑니다. inline style 태그에 직접 코딩하는 것을 말합니다. 제 1순위로 적용이 되므로 급할때 쓰면 좋습니다. 하지만 나중에 유지보수나 수정이 힘들기 때문에 가급적 쓰지 않도록 합시다. 빨간 네모 안 처럼 태그의 여는 부분 뒤에 style=""를 넣어주고 그 사이에 작성하면 됩니다. 내부 스타일 시트 html 문서 안 head 사이에 을 입력 후 style태그 안쪽에 css를 입력합니다. style이 들어간 html 문서 안 모든 태그에 영향을 줍니다. 벗, 다른 페이지에서 똑같은 css를 사용하고 싶다면 똑같이 복사해서 또 넣어야 하므로 낭비낭비입니다. 그래서 .. 더보기 16. id와 class _ 선택자 id와 class는 선택자입니다. 이름을 부여한다 생각하면 쉽습니다. 사람의 경우 이름으로 딱 그사람을 지칭합니다. 이것이 태그에서는 선택자입니다 선택자를 가지고 css를 입히거나 javascript로 동작을 제어합니다. id와 class는 태그에서 여는 부분에 넣어 줍니다. id id와 class 모두 선택자이지만 가장 큰 차이점은 사용 횟수 입니다. id는 html문서 안에서 딱 한번만 사용 가능합니다. 하나의 요소만 선택할 수 있지요. class class는 한 html문서에서 복수사용이 가능합니다. 고로 여러 요소들에게 동일한 무언가를 부여할때 사용할 수 있습니다. id, class 표기법 id와 class의 표기법에는 대표적으로 카멜 표기법과 스네이크 표기법이 있습니다. 생김새를 본따 지은 이름.. 더보기 15. block태그, inline태그 block태그는 쉽게말해 박스형식으로 차곡차곡 쌓는 태그, inline태그는 한줄로 쭉- 늘어놓은 태그입니다. 일단 block태그의 대표 div와 inline태그의 대표 span의 표시법을 봅시다. 여타 다른 태그들과 다를바 없는 짝궁을 달고 다니는 태그입니다. block태그 앞에서 말했듯이 block태그는 박스형태의 태그를 뜻합니다. 자신의 자리를 차지하고 나면 자신의 크기를 뺀 여백이 남는데 이 여백의 크기에 상관 없이 block태그는 무조건 줄이 바뀝니다. 한마디로 자동으로 단락이 나누어집니다. 또한 block태그는 크기지정이 가능합니다. 여백도 마음대로 지정가능합니다. block태그에는 div, h태그, p, form, list태그 등이 있습니다. 눈으로 확인하면 더 이해하기 쉽습니다. (뒤에 붙.. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음
