-
인프런 HTML&CSS강좌 CSS3 단위 - url() - display 속성 - visibility 속성 - opacity 속성프로그래밍 연습 2020. 11. 12. 07:42
인프런 HTML&CSS강좌
CSS3 단위 - url() - display 속성 - visibility 속성 - opacity 속성
url()
background-image : url(배경 이미지의 경로)
display 속성 : 어떻게 표시할지 선택
: inline, block, none
- inline : 한 줄로 나열되게끔 만드는 요소. 앞 뒤 줄바꿈을 바꾸지 않아도 됨
- block : inline요소를 블록요소로 만들어줌. 앞 뒤로 줄바꿈이 됨.
- none : 공간을 차지하지 않음. 박스 생성 안됨.
visibility 속성 : 요소를 보여줄지 말지 결정
: visible, hidden, collapse
opacity 투명도를 조절하는 속성
기본값은 100%(1)이며 0%에 가까워질수록 투명해진다.
opacity : 1; => 100%
opacity : 0.7=> 70%
opacity : 0.4 => 40%
display, visiblity 속성 참고 블로그
'프로그래밍 연습' 카테고리의 다른 글
인프런 HTML&CSS강좌 CSS 속성-4 font-family, position 속성 (0) 2020.11.14 인프런 HTML CSS 문자 선택자 링크 선택자 부정 선택자 (0) 2020.11.04 생활코딩 WEB JavaScript 배열과 반복문 (0) 2020.11.04 인프런 HTML CSS 문자 선택자 first-letter, first-line (0) 2020.11.02 생활코딩 JavaScript 비교연산자 데이터타입 조건문 if else (0) 2020.11.02