목록선택자 (3)

Jeden Tag, aufrichtig und lustig.

CSS Diner

https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io CSS Diner라는 웹페이지를 알게되었다. CSS Selector 개념을 공부할 때 활용하면 좋을 듯하다. 게임처럼 한 단계씩 진행할 수 있고, 총 32단계까지 구성되어 있다. Tip. 한번에 끝까지 깨는 것도 좋지만 나눠서 개념을 곱씹는 것도 좋은 것 같다!
Recommendation 2022. 9. 16. 23:52
css 3. 선택자 종류

선택자 종류 class선택자 .saw { color : gray ; } *class 속성 값에 여러개 값이 들어갈 수 있고, 띄어쓰기로 인해 구분이 가능하다. css *class선택자는 맨마지막에 등장한 class선택자가 우선순위를 가지고 있다. .hero { background-image : url ("~") ; background-size : cover ; } id선택자 해당 요소에만 넣고 싶은 디자인을 적용할 때 사용한다. css #active { color : yellow ; } 선택자 우선순위 tag(element) < class < id < inline css **class나 id가 selector일때 태그와 결합할 수 있다. p { font-size: 20px; } .p-tag { color..
CSS 2022. 3. 24. 20:43
css 2. 선택자와 속성

스타일 태그 및 속성 1. 태그 2. 속성 css 선택자와 속성 선택자(selector) : a 선언-효과(declaration) 1. 속성(property) : color, text-decoration 2. 값(value) : blue, none 선언-효과를 구분하는 역할 -> ; css속성 알아내는 방법 ? Googling! ex. css font size property h1 { font-size : 45px ; font-align : center ; font-family : Palatino, Serif ; } serif : fallback font (앞 폰트가 안나올때를 대비한 대체재 폰트, 모든 브라우저에서 지원하는 폰트다.) font-family : 폰트 스타일을 지정하는 속성이다. ** "T..
CSS 2022. 3. 24. 17:44
이전 Prev 1 Next 다음