HtmlCss42 Css- float float 기능 left: 왼쪽으로 right: 오른쪽으로 none: 실행하지 않음. clear의 기능 left : float의 값이 left인것만 줄바꿈 right: float의 값이 right인것만 줄바꿈 both: left,right 모두 줄바꿈 2019. 5. 26. Css- table table CSS 2019. 5. 25. CSS- 박스모델 box모델에 margin과 padding이 적용되는 순서 예) margin: 값1 값2 값3 값4; ==> 위, 오른쪽, 아래, 왼쪽 (시계방향) margin: 값1 값2 값3; ==> 위, 좌우, 아래 margin: 값1 값2; ==> 위아래, 좌우 margin: 값1; ==> 4군데 모두 전체 margin-top: 값; =>위 margin-bottom: 값; =>아래 margin-left: 값; =>왼쪽 margin-right: 값; =>오른쪽 padding도 동일하다. -margin ==> 서로 인접한 margin값들은 교집합 형태로 적용된다. -블록요소의 박스모델 자체를 가운데 정렬하려면 margin의 좌우값을 auto로 설정한다. 예1) margin:0px auto; 예2) margin-left.. 2019. 5. 25. CSS - 자식필터 첫째 둘쨰 셋째 넷째 다섯째 test line 1 test line 2 test line3 test line4 test line 5 자식요소들 중에서 순번을 이용하여 선택하는 방법 (이 자식 요소들의 순번은 1번부터 시작한다.) 1) 셀렉터:nth-child(번호) ==> '셀렉터'의 부모의 자식들 중에서 '번호'번째에의 요소가 '셀렉터'와 같은 요소를 선택한다. 2) 셀렉터:nth-child(odd) ==> '셀렉터'의 부모의 자식들 중에서 '홀수'번째에의 요소가 '셀렉터'와 같은 요소를 선택한다. 2) 셀렉터:nth-child(eve) ==> '셀렉터'의 부모의 자식들 중에서 '짝수'번째에의 요소가 '셀렉터'와 같은 요소를 선택한다. 4) 셀렉터:nth-child(sn+'7] ==> x, y ==> .. 2019. 5. 25. 이전 1 2 3 4 5 ··· 11 다음
