본문 바로가기

분류 전체보기83

Css - z-index #one{ position:absolute; width: 300px; height: 200px; left: 400px; top:400px; background-color: yellow; z-index:1; opacity: 0.7; } #two{ position:absolute; width: 400px; height: 300px; left: 400px; top:250px; background-color: pink; z-index:2; opacity: 0.7; } Z-index. 레이아웃을 말함. z-index는 음수도 쓸 수 있다. 쓰지 않는다면 0값으로 된다. 두개의 겹치는 블록 값에서 z-index 값이 큰 블록이 위로 간다. 2019. 5. 26.
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.

티스토리툴바