본문 바로가기

Publishing/html3

Block Element / Inline Element Block Element Inline Element - 자동 줄 바꿈 - 줄을 바꾸지 않고 한 줄로 나란히 나열됨 - 영역은 지정 값 또는 지정 안할 시 width는 부모 요소의 가로크기, height는 컨텐츠 크기 - 영역은 컨텐츠 크기만큼 - width , height , margin , padding 값 적용 가능 - margin 좌, 우 (O) 적용 가능, margin 상, 하단(X) 적용 불가능 - width , height 값 적용 불가능, 상 하 여백은 line-height 속성에 의해 발생 - 인라인 속성을 블럭 속성으로 변경시 display를 속성 값을 block, inline-block 화 시켜서 임의로 속성값 적용 - Block Element 와 Inline Element 를 감쌀 수.. 2017. 11. 7.
[html5] 변경된 태그와 지원하지 않는 태그 [html5] 변경된 태그와 중단된 태그 요소와 속성 html4html : 특정 태그를 사용하여 영역을 구분한다css : html의 태그를 꾸며준다javascript : 데이터를 처리하거나 서버에 요청하는 일을 한다html5html : 을 사용하여 영역을 구분한다css : 자바스크립트가 담당하던 처리의 일부를 html 태그 속성에서 처리한다javascript : html5, css에서 처리할 수 없는 기능들을 담당하여, 캔버스(canvas)에서 사용하면 게임 작성도 가능하다 * html5에서 html4 요소들 중 하기 태그를 변경 및 지원하지 않고 있습니다. 변경된 태그 태그변경 전 변경 후 a href=”#”, href=”javascript:;”로 null link(널링크) 사용 href 속성없이 사용.. 2017. 10. 31.
[css] 말줄임 처리 말줄임 처리 방식 - 웹 개발이나 스크립트 단에서 글자수를 기준으로 자르는 방법 - CSS를 이용해 정해진 너비 값을 기준으로 자르는 방법 CSS를 이용한 말 줄임 처리 방법 두 줄 이상의 말줄임 방법-webkit-line-clamp 속성의 경우, webkit 전용이라(크롬, 사파리 가능) 사용하지 않는 부라우저의 경우(IE, 파이어폭스)에는 line-height 속성과 height 속성을 이용하여 높이를 계산하여 넣어준다. (height = line-height * 줄수) 다른 방법으로는 개발언어로 글자수를 처리 하거나 jQuery Plugin 으로 구현 가능하다.http://github.com/FrDH/jQuery.dotdotdot text-overflow 텍스트가 포함 된 요소를 오버플로 할 때 줄.. 2017. 10. 26.