20_03_12 box-sizing
우리가 width를 썻을 때 일반적으로 width의 크기를 테두리를 포함한 박스전체의 크기라고 착각하기 쉽다 하지만 html이 width를 정할 당시에는 border의 크기를 생각 안했기 때문에 실제 크기와 width크기사이에는 약간의 차이가 있다. 그거를 방지하는 코드가 box-sizing이다. box-sizing: content-box; 기본값이다 테두리는 width의 크기에 포함시키지 않는 코드 box-sizing: border-box; 테두리를 width에 포함시키는 코드 둘다 width값은 같지만 boxsizing의 속성을 다르게 주었기 때문에 이런 결과가 나온다.
카테고리 없음
2020. 3. 12. 22:27
20_03_10오늘부터 글을 써보려고한다. 그때그때 열심히 살자
오늘 책을 읽었는데 독서를 통한 자기개발에 관련된 책을 많이 읽었다 그리고 그 안에서 공통되게 말하는 것이 있었다. 그중 하나가 바로 아웃풋이었다. 그 아웃풋의 방법으로 책에서는 하루에 한 번씩 글쓰기를 추천했다. 하지만 나는 나를 알고 있다 나는 절대로 공책을 꺼내서 매일 하루한번씩 글을 쓸 사람이 아니다. 그래서 나는 매번 해왔던 것처럼 이 책은 이상적으로 실천하면 좋지만 못하겠군 생각하며 책을 덮었다. 그런데 오늘 군대연등시간에 이런 영상을 보다가 크게 감명을 받았다. https://www.youtube.com/watch?v=V9AGvwPmnZU 그리고 이사람은 색다른 아웃풋 방법을 실천하고 있었다. 그 방법은 자신이 만든 사이트에 아무 글이나 내키는 대로 작성하는 거였다. 이걸 보니 오전에 책 읽..
자유
2020. 3. 10. 23:23
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- nofap
- error: src refspec master does not match any.
- CSS
- 체크인미팅3차성공
- 코틀린
- 금딸
- 파이썬
- 조코딩
- 컨트롤F5
- SW정글
- 42서울
- box-sizing
- 이것이 취업을 위한 코딩테스트다
- 전체체크
- 자식선택자
- 1의보수
- SW마에스트로
- ellipsis
- Spinner
- >선택자
- 전역후후유증
- 기본문법
- 42seoul
- 파이썬문법
- 뺄샘
- border-box
- 그때그때열심히
- 체크인미팅1차실패
- 문법
- SW교육프로그램
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함