요소의 위치 지정 기준을 설정요소를 배치하기 위해서는 기준을 먼저 설정하고 위치값을 설정한다요소를 원하는 위치에 배치하고 싶을 때 사용하는 속성static: 기준 없음 ⇒ 요소는 기본적으로 배치를 할 수 없는 상태 relative: 요소 자기 자신을 기준absolute
display요소의 화면 출력(보여짐) 특성. 어떻게 보여지는지 인라인 요소가 화면에 보여지는 특성과 블럭 요소가 화면에 보여지는 특성이 다르다. 기본적으로 블럭 요소는 상자, 레이아웃 구성. 인라인 요소는 글자를 제어하기 위한 요소. 따라서 보여지는 특성이 다를 수
기본적으로 <textarea>의 크기를 조정할 수 있는 도구를 제공한다.위의 그림에서 빨간 동그라미 부분을 마우스로 클릭하여 드래그 하면 크기가 그에 따라 달라진다.하지만 해당 도구가 가끔은 필요하지 않을 때가 있다.속성을 부여함으로 textarea 양식의 크기를
검은색 상자 안에 Hello World 내용을 가지는 <div>를 작성한다.해당 요소를 가운데(가로) 정렬하기 위해서 text-align: center;를 부여한다.현재 검은 박스의 height 값은 250px이다. Hello World에 line-height값을
빠르고 편리하다.우선순위에서 해당 방식이 지나치게 우선하기 때문에 별도의 코드를 가지고 해당하는 요소에 적용된 CSS 내용을 덮고 수정하고 싶어도 불가능하다.코드가 길어지면 가독성이 떨어지며 유지보수에도 좋지 않다.별도의 CSS 파일을 따로 만들지 않아도 HTML 안에
점수가 높은 순서대로 작성1\. !important → 무한대(가장 높은 점수)2\. style 속성을 html에 인라인 선언 → 1000점3\. id 선택자 4. class 선택자 . → 10점5\. 태그 선택자 → 1점6\. \* 전체 선택자 → 0점점수가 높으면
.inner에 margin: 0 auto; 값을 부여하자margin: 상하 좌우; margin 속성에서 값이 2개일 경우 첫 번째 값은 top과 bottom두 번째 값은 left와 right위의 코드에서 top과 bottom에는 0으로 값이 주어지지 않지만 left,
<p> 태그는 블록 레벨 요소이므로 이미지와 나란히 한 줄에 배치될 수 없다따라서 float 속성을 사용하여 이미지를 표시하고 그 주변에 텍스트가 둘러싸도록 하자1\. left : 해당 요소를 문서 왼쪽에 배치2\. right : 해당 요소를 문서 오른쪽에 배치3