tag 3 HTML inline vs inline-block vs block elements 1. inline - height와 width 속성 설정 (X) - span, a, img, em, strong, i, small 2. inline-block - height와 width 속성 설정 (O) 3. block - height와 width 속성 설정 (O) - 행(line) 전체(full width) 점유 - the entire width of its parent element ※ element(요소)의 block-level과 inline-level 속성은 CSS의 "display" 값의 지정으로 변경이 가능합니다. ※ inline-level element에 margin, padding, border 설정은 가능하지만 주변 요소와 설정에 따라서 지정한 효과가 나타나지 않을 수 있습니다. CSS.. 2022. 3. 15. CSS로 '위 첨자'와 '아래 첨자' 입력 위 첨자: superscript 아래 첨자: subscript HTML 코드 한글위 첨자 한글위 첨자 한글아래 첨자 한글아래 첨자 CSS 코드 기본(디폴트) vertical-align: baseline; 위 첨자(superscript) vertical-align: super; 아래 첨자(subscript) vertical-align: sub; font-size를 'small'이나 'smaller' 값으로 지정하여 글자의 크기를 더 작게 만듭니다. px나 em 단위로 지정해도 되겠죠. Class 지정 방법 선택 .superscript { vertical-align: super; font-size: small; } .subscript { vertical-align: sub; font-size: small; .. 2021. 10. 17. CSS Selectors Level 3 Selectors Level 3 Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document. Selectors have been optimized for use with HTML and XML, and are designed to be usable in perfor www.w3.org https://www.w3.org/TR/selectors-3/#adjacent-sibling-combinators 다른 클래스를 호출하기 위한 코드를 찾다가 자꾸 잊는 내용을 상기시키기 위한 책갈피입니.. 2021. 9. 1.
