일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- IT
- 사이드바
- web
- 플렉스
- Poster
- BNX사이트
- float
- 클리핑마스크
- JavaScript
- CLIPING MASK
- sideproject
- 드롭다운메뉴
- 제이쿼리
- CSS
- 레이아웃
- Photoshop
- 자바스크립트
- 웹
- 문자열 자르기
- 판화
- Transform
- flex
- position
- 반응형
- PHP
- jQuery
- MARGIN
- 메소드
- HTML
- steak
- Today
- Total
목록MARGIN (2)
코딩 슬라임 공방
팀 내에서 공통적으로 사용하는 css들은 라이브러리라고 한다. 라이브러리는 공통적으로 사용하는 것이기 때문에 함부로 바꾸거나 해서는 안된다. 라이브러리에 있는 속성들을 사용하려면 자신이 사용하고 있는 태그의 이름을 사용해서 구체적으로 명시해서 작성한다. ex) .top-bn-box .row .cell 보통 float요소를 사용하는 요소를 제어하기 위해서는 라이브러리에 있는 row,cell을 사용해서 제어한다. 하지만 cell에 구체적인 속성을 사용하기 위해서는 따로 커스텀에서 명시해서 사용해야한다. 원래 padding과 border는 박스의 사이즈에 포함되어 있지 않아서 박스 사이즈를 지정한 다음에 padding과 border을 주게되면 사이즈가 바뀌게 된다. 그래서 그런 문제를 해결하기 위해서 box-..
CSS 코드 Normalize 노말라이즈 (전체에 주는 코드) Custom 커스텀 (객체에 주는 코드) --------------------------------------- 숫자로 되어있는 이미지 쉽게 넣는 방법 ex) 01~10번까지 이미지가 있다고 할 때에 숫자를 매겨야하는 부분에 $$를 사용하고 *10을 하 img [src="http://bnx.oa.gg/img/bnx_16fw_visual_$$_list.jpg"] * 10 순서대로 01~n번까지 숫자가 차례로 매겨진다. margin 은 border 바깥의 공백이다. padding 은 border 내부의 공백이다. margin과 padding은 margin-top / padding-top과 같이 속성이 적용 될 방향을 지칭할 수 있다 margin ..