box-sizing1

• 

  [HTML+CSS] calc, padding, order-radius, text-align, box-sizing 1. calc() - calcuate 계산하다 - calculator 계산기 /*calc는 계산을 하는 연산자 100%는 계속해서 px값이 변하므로 실시간으로 계산해준다.*/ ★ - 뺄셈부호는 변수 바로 앞에 붙이면 음수라는 표현이고 한칸 띄우면 뺄셈이다. 사용할 때 유의하기! 2.padding padding-top 윗 내부 여백이 생겨서 글자도 밑으로 밀리고 박스도 늘어남 박스가 의도치 않게 늘어나면 글자가 밀리거나 잘려서 실무에서 좋지 않음. 패딩 때문에 늘어나는 것을 방지하는 방법도 있음. >>>box-sizing: border-box; ★ 패딩주면 박스 늘어나니까 박스사이징 보더박스 꼭 써줘야한다! 3. border-radius:100%, text-align:center;, box-sizing:b.. Coding 공부/HTML+CSS 2024. 1. 26.