HTML.CSS3

• 

  CSS 정렬 (1) float 수평 정렬의 방법과 예제 CSS 요소 정렬에 대해 이야기 나눠보도록 할게요. 정렬 PART는 꽤 많은 비중으로 정리해 보겠습니다. 정렬은 여러 가지 방법이 있는데요 그중에서도 float 함수인 수평 정렬에 대해서 이야기 나눠보겠습니다. 서론 float 요소들 요소 (1) none 기본 값의 요소 띄움 없음. 요소 (2) left 왼쪽으로 띄우기 요소 (3) right 오른쪽으로 띄우기 요소 (4) claer 텍스트에 float으로 정렬된 값을 해제시킬 때 사용하는 명령어 div에 예제를 위한 기본 값 설정하기 Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature fro.. HTML.CSS 2023. 11. 16.

• 

  CSS 가상 클래스 선택자 선택자 뒤에, 가상 이벤트를 붙이게 되면, 설정한 이벤트마다 스타일을 적용할 수 있습니다. 가상 클래스 선택자로 마우스 포인터 이벤트, 혹은 애니메이션 등의 설정, 그리고 대화형 컨텐츠를 제작할 수 있어,웹 사이트를 관리하시는 분들이라면 알면 유용한 기능이니 꼭 참고해주시길 바랍니다. 서론 1. 가상 클래스 선택자의 종류 hover : 마우스 포인터가 올라가 있는 동안 설정한 이벤트가 발생하는 것을 말합니다. transition-duration : 마우스 포인터가 올라갈 때 애니메이션 이벤트가 발생하는 것을 말합니다. (전환속성 중 일부) active : 마우스로 누르고 있는 동안 이벤트가 발생하는 것을 말합니다. focus : 선택자가 포커스 된 동안에만 시행되며 대화형 컨텐츠 (input, img, .. HTML.CSS 2023. 11. 16.

• 

  HTML 스타일의 우선순위 결정 HTML 스타일의 우선순위 결정에 대해 알아보도록 하겠습니다. 웹 페이지를 만들다가, 혹시 어떠한 문구에 강조를 넣고 싶다거나, 혹은 삭제하고 싶을 때 우리는 스타일을 지정하여 부호를 만들어주는데요. 하지만, 많은 양의 HTML 코드를 작성하다 보면, 중복되는 스타일의 형태도 많아질 뿐만이 아니라, 우리가 코드를 작성하며, 이미 만들어놓았던 스타일에 덮어씌워지는 경우도 있어, 스타일을 입력이 끝난 후에는 한번 더 꼼꼼히 체크하고는 해야 합니다. 서론 생략 본론 1. HTML 우선순위를 알기 전에 블록타입과 인라인타입의 비교를 알아보자. HTML 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 DISPLAY 속성을 가지는데요. HTML에서는 이러한 디스플레이의 "속성" 값으로 "두 가지".. HTML.CSS 2023. 11. 15.