잇스쿨

word-break - 아시아 언어를 제어하는 줄바꿈 속성 - 문장이 길어지면 줄바꿈(normal)이 일어남 특징 설명 기본값 normal 상속 가능 애니메이션 적용 안됨 버전 CSS3 [Property] 1. normal : word-break 속성의 기본값 2. break-all : 글자를 기준으로 무조건 줄바꿈 3. kepp-all : 단어를 기준으로 줄바꿈 * 특수문자와 언어에 따라 사용 여부를 결정해야 함 (특수문자 때문에 CJK, non-CHK 모두 설정한 width를 오버함) → word-wrap:break-word 를 함께 사용 4. inherit : word-break의 값을 상위요소한테 상속받음 word-wrap - 비아시아 언어를 제어하는 줄바꿈 속성(가로 영역에 넘친 단어를 분리) ..

Hello World! Hello World! Hello, World! 위의 코드의 결과가 어떻게 될 지 상상해봤을 때, 보편적인 측면에서 생각하면 띄어쓰기가 그대로 반영이 될 것이라고 생각하기 쉽다. 하지만, HTML 마크업 언어에서는 두 칸 이상의 공백은 모두 무시하기 때문에 위 세가지 모두 같은 텍스트가 화면에 나타나게 된다. 이러한 공백처리 방식은 CSS로 제어할 수 있으며, white-space의 pre-wrap 속성을 사용하면 줄 바꿈, 공백, 들여 쓰기를 모두 적용할 수 있다.

기본적으로 태그는 시작 태그와 종료 태그 2개로 쌍을 이루며, 그 안에 내용이 들어가게 된다. 종료 태그 없이 시작 태그만 존재하는 태그를 빈 태그(EMPTY TAG)라고 한다. 예를 들어, 은 유효하지 않은 HTML 문법이다. 또한, 자식 노드를 가질 수 없는 요소로 , , , , , , , , , , , , 등이 있다. 기존 HTML4.01에서는 형식으로, XHTML1.0에서는 형식으로 선언해야 하며, HTML5에서는 두 가지 방식 모두 허용하고 있다는 것을 기억하자! [참고] https://seulbinim.github.io/WSA/html-basic.html#%EB%A7%88%ED%81%AC%EC%97%85-%EC%96%B8%EC%96%B4%EC%9D%98-%EB%B6%84%EB%A5%98 HTM..