Skip to content

0806.md

Latest commit

 

History

History
99 lines (51 loc) · 925 Bytes

0806.md

File metadata and controls

99 lines (51 loc) · 925 Bytes
Raw

Media Query

<style>
    @media (condition) {
        .class {
            attribute: asdf ;
        }
    }

</style>
@media (orientation: landscape) {
    p.orientation::after {
        content: '가로입니다.'
    }
}

@media (orientation: portrait) {
    p.orientation::after {
        content: '세로입니다.'
    }
}

Font

link, css 붙여넣기~

Bootstrap Icons

Fontawesome

b vs strong, i vs em (emphasize)

icon

solid vs. regular

Favicon

Bootstrap

Compiled CSS&JS vs. Source Files

SCSS (SASS) "Syntactically Awesome Style Sheet"

CSS Specificity

CSS Naming Convention: BEM

Block, Element, Modifier

(cf. OOCSS, ...)

BEM

B: Blocks as standalone entities

E: Elements as dependent parts of entity

M: Modifier as flags in element

<p class="Block__Element--Modifier"> </p>

examples

form__group

form__group--theme-sunday