
안녕하세요 동기 여러분! 오늘은 type vs class vs ID에 대해 싸움을 붙여봅시다! Specificity type과 class, id 모두 같이 적용한다면 무엇이 적용될까요? ROUND 1 type vs class vs id 승자는 누구인가! type이 승리시 빨간 글씨 class가 승리시 파란 글씨 id가 승리시 초록 글씨가 나오게 설정해두었습니다. h1 { color: red; } .blueclass { color: blue; } #greenclass { color: green; } 결과는? id의 승리!!! ROUND 2 type vs class 승자는 누구인가! type이 승리시 빨간 글씨 class가 승리시 파란 글씨가 나오게 설정해두었습니다. h1 { color: red; } .bl..

안녕하세요 동기 여러분! 오늘은 ID를 알아봅시다! ID class가 HTML의 요소를 그룹으로 묶어서 굵직하게 스타일을 변경해주는 역할을 한다면 (포병 부대ㅋㅋ) id는 HTML의 요소를 하나하나를 집약적으로 스타일을 변경해주는 역할입니다. (특수 부대ㅋㅋ) 생김새 HTML 코드 빨간색입니다. CSS 코드 #red { color: red; } class는 앞에 점을 하나 붙였었는데 id는 #만 하나 붙여주면 됩니다. id는 여러 개가 적용이 안됩니다. Class와 동일한 방법으로 두 가지를 넣어서 실행을 했더니!!! 아무것도 적용되지 않은 모습을 확인할 수 있었습니다. 오늘의 느낌 코로나가 다시 기승을 부리고 있습니다. 다들 건강 조심하세요! 토론토도 일요일부터 restriction을 강화한다고 하네요..
- Total
- Today
- Yesterday
- javascript
- Python
- 객체
- em
- 프로그래머스
- css position
- html table
- Array
- 타입 좁히기
- Typescript
- 실수
- 타입스크립트
- 자바스크립트
- 함수
- 파이썬
- Margin
- padding
- html
- for문
- 반복문
- 메서드
- CSS 포지션
- method
- Type
- CSS
- if문
- function
- Object
- 동기코딩
- HTML 기본
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |