개발공부/궁금증아카이브 (4) 썸네일형 리스트형 [CSS]display 속성 : inline, block, inline-block CSS에서 display속성은 HTML요소가 웹 페이지에서 레이아웃이나 렌더링 측면에서 동작하는 방식을 제어하는 데 사용된다. HTML요소에 사용되는 박스 모델을 지정한다. inline : 엘리먼트가 inline 엘리먼트처럼 동작하도록 만든다. 새줄을 강제로 작성하지 않으며 필요한 만큼만 너비를 차지한다. 인라인 엘리먼트의 예시로는 , 가 있다. width, height와 같은 크기 속성이 적용되지 않는다. block : 엘리먼트가 block 엘리먼트처럼 동작하도록 만든다. 새줄에서 시작하여 사용가능한 전체 너비를 차지한다. 블록 엘리먼트의 예시로는 , 가 있다. 기본적으로 너비를 가득 채우기 때문에 width 속성이나 margin, paddinge등의 박스 모델 속성을 사용하여 조절할 수 있다. inl.. [CSS]word-break CSS 작성 중 word-break 에 대해서 정리하고 넘어가보려고 합니다.1. word-break: normal;일반적인 규칙에 따라 줄 긑에서 단어를 분리할 수 있습니다.2. word-break: break-all;break-all을 사용하게 되면 단어 자체 내에서도 단어가 콘텐츠 상자를 초과하는 경우 언제든지 단어가 끊어질 수 있습니다.3. word-break: keep-all;keep-all을 사용하게 되면 단어 내 끊김을 방지합니다.단어 사이에 공백을 사용하지 않는 언어에 특히 유용합니다.4. word-break: break-word;break-all과 유사하며 두 문자 사이의 구분을 허용하지만 공백에서 구분할 기회가 있는 경우 단어 내에서 구분을 방지합니다. 참고문서 : MDN word-break At-rules 에 대해서(aka. CSS에서 @로 시작하는 규칙) CSS를 작성하다보면 @keyframes 과 같은 작성 방법을 본적이 한번쯤은 있을것이다. 이러한 것을 At-rules 라고 하는데 오늘은 이것에 대해서 알아보도록 하겠습니다. At-rules란? At-rules는 요소의 스타일을 지정하는 것 이상의 CSS 프로세서를 위한 특수 지침입니다. 스타일 시트의 동작을 제어하거나, 메타데이터를 정의하거나, 조건부 스타일을 제공하는 경우가 많습니다. At-rules 작성방법 /* General structure */ @identifier (RULE); /* Example: tells browser to use UTF-8 character set */ @charset "utf-8"; 위와 같이 보통 작성합니다. 일반적으로 사용되는 몇가지 At-rules들 @medi.. MIME 타입(IANA 미디어타입)이란? 다시 코딩 공부를 시작하면서 차근차근 궁금했던것들을 모아보려고 합니다. 오늘은 MIME타입에 대해서 한번 알아보도록 하겠습니다. html파일을 작성하면서 위와 같은 type을 작성하는 경우가 있습니다. 여기서 type을 작성하는 이유에 대해서 궁금해져서 한번 찾아봤습니다 HTML에서 type속성은 연결된 리소스의 MIME유형을 지정하는데 사용됩니다. type="text/css" 속성은 연결된 리소스가 CSS언어로 작성된 스타일시트임을 지정하는 것입니다. CSS는 웹페이지 스타일 지정을 위한 표준 언어이며 웹 브라우저에서 널리 지원되고 있습니다. 그래서 최신 HTML문서에서는 브라우저가 기본 유형을 CSS로 가정하기 때문에 스타일시트에서 type속성이 생략되는 경우가 많지만, 호환성과 이전 버전 준수를 위.. 이전 1 다음
