728x90 반응형 웹UI/CSS14 css) 겹쳐있는 영역 마우스 이벤트 막기 (이벤트 버블링..?) pointer-events: none; 2022. 4. 20. CSS) margin 음수값 marin 음수를 주게 되면 음수 만큼 해당 영역의 margin을 줄일 수 있다 2021. 6. 9. CSS box model - 패딩(padding), 마진(margin) padding과 margin은 축약형 사용 가능 값은 top부터 시계방향으로 right bottom left 순으로 padding:10px 10p; 으로 작성시 상하와 좌우 값은 같은 것으로 판단하여 padding:10px 10px 10px 10px; 과 같아짐 margin:auto; -> 가로축 중앙 정렬에 사용되며 width 값이 필요하다 margin collapse -> 아래의 top과 위의bottom margin 값이 겹치게 되면 더 큰 값이 적용된다 음수, auto -> margin은 음수 사용가능 padding은 불가 margin padding모두 %사용 시 가로축 기준으로 크기를 잡는다 -> top bottom의 경우에도 가로축을 기준으로 잡기 때문에 주의해야함 margin이 -일 경우 화면.. 2021. 1. 11. CSS 색상 color:black; color:#000000; 16진수, 0~9 + a~f #ff0000 -> red #00ff00 -> green ##0000ff -> blue color:#000; 16 진수가 둘씩 반복될 경우 축약 가능 #ff0000 -> # f00 -> red color:rgb(0,0,0); 각 자리에 0~255 color:rgba(0,0,0,0.5); 마지막 a는 알파 값으로 투명도를 뜻함 -> 0~1 까지의 값으로 0.5면 반투명 1은 투명 2021. 1. 11. 이전 1 2 3 4 다음 728x90 반응형