codingfarm

웹페이지를 만들때 가장 많이 사용하는 스타일속성이다. 부유하는 대상을 만들 때 사용하며 처음 float속성을 개발했을때는 아래처럼 img태그를 일반 태그와 함께 쓰기위해 고안됐다. 아래의 예로 확인해보자 1 2 3 4 5 6 7 8 9 10 11 12 13 Float Style Property Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. D..

요소의 위치를 2가지 방법으로 설정할수있다. $\bullet$ 절대 위치 좌표 : 요소의 $X$좌표와 $Y$좌표를 설정해 절대 위치를 지정한다. $\bullet$ 상대 위치 좌표 : 요소를 입력한 순서를 통해 상대적으로 위치를 지정한다. 1. position 상대위치 좌표를 쓸때는 position속성에 static 또는 relative 키워드를 적용한다. static키워드를 적용하면 태그가 "위에서 아래로"아 "왼쪽에서 오른쪽으로" 순서에 맞게 배치된다. relative 키워드를 적용하면 static 키워드로 초기 위치가 지정된 상태에서 상하좌우로 이동할 수 있다. 반면 절대 위치 좌표를 사용할 때는 position 속성에 absolute 키워드 또는 fixed 키워드를 적용한다. 키워드 설명 stati..

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 32 CSS3 Font Property .font_big { font-size: 2em; } .font_italic { font-style: italic; } .font_bold { font-weight: bold; } .font_center { text-align: center; } .button{ width: 150px; height: 70px; background-color: #FF6A00; border: 10px solid #FFFFFF; border-radius: 30px; box-shadow: 5px 5px 5px #A9A9A9; } .butto..

웹 페이지의 레이아웃 구성에 가장 중요한 스타일 속성이다. 이 절에서는 border속성을 제외한 width, height, margin, padding속성에 대해 알아보겠다. width 속성과 height 속성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 CSS Property Basic div{ width: 100px; height: 100px; background-color: red; } Colored by Color Scripter cs 위코드를 실행하면 div태그의 너비와 높이가 100픽셀로 지정되었음을 확인 가능하다. 그렇다면 div태그 내의 문자들이 박스영역을 벗어날정도로 많이 쓰이면 어떻게 될까? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ..