본문 바로가기

CSS

(3)
Color의 HEX값으로 투명도까지 색상에 투명도를 입힐때 RGB값은 rgba라는 속성으로 색상에 투명도를 입히가 편한데 HEX값은 #?????? 샵 뒤 여섯자리 뒤에 두자리를 더 붙여서 투명도를 정할수 있지만 투명도의 %마다 코드가 알파벳 숫자 조합으로 되어있어 직관적이지 못하다... 이곳에 들어가서 %별로 코드를 확인 가능하다. https://css-tricks.com/8-digit-hex-codes/ 8-Digit Hex Codes? | CSS-Tricks Weird right? 4-digit hex codes too. They are a way put alpha transparency information into the hex format for colors. You might be seeing it more all the css..
a태그로 앵커기능 사용하기!(부드러운 스크롤) 예를들어 id="first를 사용하고 있는 element가 있을때 a태그의 herf="#first" 라고 넣고 해당 a태그 클릭시 id를 적용하고 있는곳으로 웹페이지가 자동 스크롤이 된다. 웹페이지 이동이 부드럽지 않고 딱딱 순간이동을 하는데 html { scroll-behavior: smooth; } 해당 코드를 CSS style에 적용해주면 부드러운 스크롤 이동이 가능해진다.
select태그, input태그의 number타입 화살표 없애기 input 태그 number타입 /* input[number], select custom style */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* FireFox */ input[type="number"] { -moz-appearance: textfield; } select 태그 select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: non..