[입문] HTML CSS - 색상과 배경, trasnform(변형)( HEX 16진수, rgb , rgba, background-image , repeat, position, origin, size, shorthand)
1. 색상의 종류와 코드작성 법, 불투명도에 대해 알아보자. 2. 배경 background에 대해 알아보자. RGV : 웹에서 주로 사용함 CMYK : 팜플렛, 인쇄물 등에 사용함 1. 키워드 사용 : transparent 투명 2. RGB : 3차원 좌표계 사용( #16진수, rgb(), rgba() ) 1) #16진수 ( HEX) : #000000 ( 6자리 숫자 (0~9)+ 알파벳 f 까지 ) #000000 검정 / #ffffff 흰색 2) rgb() 작성법 : rgb(_ _ ,_ _ ,_ _ ) - 0~256까지의 숫자 작성가능) rgb(0, 0, 0) 검정 3) rgba() : 마지막에 투명도 까지 넣어줌. 배경색상에만 적용..
2024. 1. 15.
[입문] HTML CSS - 레이아웃( display, float, position, overflow, z-index)( relative, absolute, fixed, sticky )
레이아웃에 대해 알아보자 * inline 요소 : ex) span.. - 영역의 크기가 내부 콘텐츠 크기로 정해진다. -가로배치 * block 요소 : ex) div.. -영역의 크기를 width, height 지정할 수 있다. - width를 지정하지 않으면 가로 전체를 차지한다. -세로배치 * inline-block 요소 : ex) input .. - 영역의 크기를 width , height 를 지정할 수 있다. - 여러 요소가 가로 배치가 된다 ' * display: none ㅡ 코드는 존재, 레이아웃에서 사라짐 * visbility: hidden ㅡ 문서의 레이아웃을 변경하지 않고 , 숨김 ㅡ 레이아웃에서 숨기지 않고 나옴 ( 요소의 빈 부분만..
2024. 1. 15.
