nana_log

좋아하는 걸 좋아하는 나나 🤟

🐿/CSS

결론 border: 0 쓰자! 👻 보더 없앨 때 none 보다 0을 썼었는데 이유는 그게 더 치기 편하니까 🙄 (손꾸락은 소중하자나여) 그러다 어느날 앗 내가 혀를 어디다 두고 있었지! 를 자각하는 것처럼 0과 none의 차이가 뭐지!를 자각해버린 바람에 정리하는.. 그런... 글.... 일단 W3C의 문서를 촤르륵 훑어보면 border 단축 속성은 border-width, border-style, border-color 를 한번에 적용할 수 있다. 여기서 0과 none의 차이가 갈린다. border: 0; border: none; border-width: 0; border-width: medium; border-style: none; border-style: none; 즉, border-width를 0..

2022. 1. 17.

🐿/CSS

reset과 normalize가 필요한이유 브라우저에서 가장 먼저 적용되는 스타일은? User-agent Stylesheet !! 이는 브라우저에서 제공하는 기본 스타일인데 브라우저마다 그 내용이 다름다름 그래서 똑같은 태그여도 Chrome, Safari, Edge 등 브라우저마다 다르다. 이렇게 브라우저마다 차이가 있으면 당연히 작업할 때 화딱지가 남 😵 따라서 ‘사전 정의한 스타일시트’를 적용해 각 브라우저의 기본 스타일을 무효화시키는 방법이 자주 쓰인다. 바로 reset 또는 normalize! 둘이 비스무리하지만 사실은 다르다는 거 허허허 reset vs. normalize reset 모든 브라우저 스타일을 ‘초기화’ 한다. 왜냐면 처음부터 다시 그려줄 거니까! 장점: 익숙한 방법. 그냥 새하얀 ..

2021. 12. 29.