게으른 개발자 되기

○ 인라인 레벨 엘레멘트의 줄바꿈 : 인라인 레벨 엘레멘트에 영역(너비와 높이)을 지정하지 않았다면, 콘텐츠가 차지하는 영역만 영역으로 인정되며 다른 엘레멘트와 줄 바꿈을 하지 않는다. 대표적인 엘레멘트는 <span>, <a> 등이 있다. <span> border:1px solid green; margin:1px; </span> <span>..

블럭 레벨 엘레멘트는 엘레멘트에 주어진 너비 값을 모두 사용하고, 다른 엘레멘트와는 줄 바꿈을 하여 영역이 수직으로 쌓이는 요소이다. 대표적인 엘레멘트로 <h>, <p>, <div> 등이 있다. ○ 블럭레벨이 쌓이는 특성 : 블럭레벨 엘레멘트는 다른 엘레멘트와 줄바꿈을 하여 영역이 수직으로 ..

테이블 태그 사용 예제 <table> <caption>주소록</caption> <thead> <tr> <th>이름</th> <th>나이</th> </tr> </thead> <tbody> <tr> <td>홍길동</td> <td>20세</td> </tr> </tbody> </table> 위에 있는 테이블 태그 사용 예제를 기준으로 설명하겠습..

list는 순서있는(ordered) 리스트와 순서없는(unordered) 리스트 두 가지가 있다. ■ list-style-type (리스트를 표시하는 방법) 순서없는 리스트에서 표시할 수 있는 값의 종류: square, circle, disc(default) 순서있는 리스트에서 표시할 수 있는 값의 종류: upper-alpha, lower-alpha, upper-roman, lower-roman, decimal(default) ol { list-styl..

■ text-decoration (텍스트 표현방법) 텍스트의 언더라인을 표현하는 방법을 지정할 때 사용한다. text-decoration: line-through; text-decoration: overline; text-decoration: underline; text-decoration: none; ■ text-indent (문단 들여쓰기) paragraphs(문단)에 들여쓰기를 할때는 사용하는 방법으로 <pre> 태그와 %nbsp 를 사용하지않아..

■ background-color (배경색) 배경색을 지정하는 방법은 세가지가 있으며, 색이름, RGB(Red, Green, Blue) 값을 (0~255) 범위 내에서 표기한다. 또한, 16진수 표기법은 #기호를 앞에 넣고 16진수(0~F) 6자리 값으로 지정할 수 있다. background-color:yellow; background-color:#00ff00; background-color:rgb(255,0,255); ■ background-image (배경이..

폰트는 웹 페이지에서 보여지는 텍스트의 글꼴을 말하며 폰트에 스타일을 지정하는 속성의 종류는 다음과 같습니다. ■ font-family (글꼴) 글꼴(체)을 지정하며 컴마(,)를 구분자로 사용해 여러 개의 글꼴을 같이 지정할 수 있습니다. 여러개의 글꼴을 지정하면 해당 웹 페이지를 보는 사용자의 시스템에 ..

HTML 문서에 스타일 시트 포함시키는 방법은 외부 스타일 불러오기, 내부 스타일 정의, 인라인(inline) 스타일을 사용하는 방법 세 가지가 있다. 외부 스타일 불러오기 여러 페이지에 같은 스타일을 적용할 때 사용하는 방법으로 하나의 스타일 시트를 통해 여러 페이지에 스타일을 적용할 ..

id 선택자 id 선택자는 특정 태그에 스타일을 지정할 때 사용한다. 태그의 id 속성을 기준으로 스타일을 지정하는데, id 속성의 값은 값은 문서내에서 유일한 값을 가져야 한다. 만약, 중복되는 값을 가지면 젤 처음 나온 id를 선택하고 나중에 나온 것은 무시한다. 따라서 id 속성에 값을 지..

CSS는 엄격한 문법 규칙을 따른다. 만약 CSS로 작성된 내용을 웹 브라우저가 이해할 수 없는 경우 브라우저는 이를 철저하게 무시한다. 이렇게 하는 이유는 호환성이나 브라우저의 영향에 스타일이 능동적으로 대처하기 위함이다. 작성된 문장을 이해할 수 없다면 무시하는 특성은 상위 버..