Outputor

small 작은 텍스트를 나타냄 https://developer.mozilla.org/ko/docs/Web/HTML/Element/small : 덧붙임 글 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다. developer.mozilla.org sub 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정함 https://developer.mozilla.org/ko/docs/Web/HTML/Element/sub : 아래 첨자 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다. develo..

b 스타일만 주기 위해서 사용하면 안됨 (css 이용) https://developer.mozilla.org/ko/docs/Web/HTML/Element/b - HTML: Hypertext Markup Language | MDN HTML 요소는 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용합니다. 그 외의 다른 특별한 중요도는 주어지지 않습니다. developer.mozilla.org strong 중대하거나 긴급한 콘텐츠를 나타냄 스타일만 주기 위해서 사용하면 안됨 (css 이용) https://developer.mozilla.org/ko/docs/Web/HTML/Element/strong : 높은 중요도 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는..

firgure (figcaption) 독립적인 콘텐츠를 표현함 figcaption 요소를 사용해 설명을 붙을 수 있음 https://developer.mozilla.org/ko/docs/Web/HTML/Element/figure - HTML: Hypertext Markup Language | MDN HTML 요소는 독립적인 콘텐츠를 표현합니다. 요소를 사용해 설명을 붙일 수 있습니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/HTML/Element/figcaption - HTML: Hypertext Markup Language | MDN HTML 요소는 부모 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다. deve..

blockquote 블록 요소로 긴 인용문을 쓸때 사용함 p태그안에 blockquote를 작성하면 안됨 https://developer.mozilla.org/ko/docs/Web/HTML/Element/blockquote : 인용 블록 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) 인용문의 출처 URL은 cite 특성으로, 출처 developer.mozilla.org q 인라인 요소로 짧은 인용문을 쓸때 사용함 https://developer.mozilla.org/ko/docs/Web/HTML/Element/q : 인라인 인용문 요..

CSS 덮어쓰기 원칙 1. 같은 클래스명이나 스타일을 하단에 작성함 같은 class 명이라도 하단에 정의한 클래스 명과 스타일을 우선적으로 적용함 를 하단에 사용할 수록 하단에 작성한 것과 똑같은 효과를 줌 2. id, style 등 우선순위를 높여 작성함 tag < class < id < style="" 순으로 우선순위가 높음 속성 뒤에 !important라는걸 부여하면 최우선으로 이 속성을 적용하지만 되도록이면 쓰지않는걸 추천함 특히 id는 스타일링할 때 쓰지 않는게 좋음 (기능개발과 겹칠 수 있어 귀찮아짐) 3. Specificity (구체성 점수) 높여서 작성함 셀렉터를 여러개 나열하면 점수도 높아짐 좋은 코드의 원칙 코드가 수정,관리가 쉬우면 좋은 코드임 확장성이 좋으면 좋은 코드임 확장성: 다..