2022- 강의 내용
- css 배경속성 background 단축속성
- box 속성
- display 속성
- visibility 속성
- box-shadow 속성
background 단축속성
background: color, image, position/size, repeat 순으로 값 지정
background: skyblue url (“apple.jpg") center /100px repeat y;display: none, visible: hidden 속성
| display: none | 본인의 자리 자체를 숨기기 자신의 자리를 아예 없애버려 다른 컨텐츠들이 인지하지못함 |
| visible: hidden | 본인의 모습은 숨기지만 자리는 남음 자신의 모습은 숨기지만 자리는 남아있음 이 경우 컨텐츠들이 인지함 |
box-shadow
text-sahdow: x좌표(열), y좌표(행), 흐림(선택), 색;
p {text-shadow: 2px 2px 2px #000; }
크롬 개발자 도구에서 해당 네모칸을 누르면 실시간 조정값이 보인다.
새싹 DT 기업연계형 프론트엔드 실무 프로젝트 1주차 블로그 포스팅
'CSS' 카테고리의 다른 글
| 2022-10-24 [새싹 프론트엔드] 테이블, CSS 레이아웃 강의정리 (0) | 2022.10.24 |
|---|---|
| 2022-10-21 [새싹 프론트엔드] 강의정리 (0) | 2022.10.21 |
| 2022-10-21 box-sizing[새싹 프론트엔드] (0) | 2022.10.21 |
| 2022-10-19 [새싹 프론트엔드] 강의정리 (0) | 2022.10.19 |
| 2022-10-18 [새싹 프론트엔드] 강의정리 (0) | 2022.10.18 |
