오블완9 [9] Float CSS & Clear CSS float css 속성float CSS 속성은 컨테이너의 왼쪽 또는 오른쪽에 요소를 배치하여 텍스트 및 인라인 요소가 주위를 둘러살 수 있도록 합니다.요소는 페이지의 정상적인 흐름에서 제거되지만 여전히 흐름의 일부로 남아 있습니다. Float 속성을 이용한 Layout 구현float css는 여전히 레이아웃에 사용할 수 있지만 요즘에는 웹 페이지에서 레이아웃을 만들기 위한 훨씬 강력한 도구 Flexbox 및 Grid를 사용합니다. 실습container는 주로 css에서 레이아웃과 스타일을 정의하기 위해 사용되는 클래스이다. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inc.. 2024. 11. 20. [7] A 버튼 만들기(class 속성, transition), B버튼 만들기, C 버튼 만들기(box-shadow) A 버튼 만들기(class 속성, transition) class 속성 C 버튼(box-shadow)실습버튼에 마우스를 갖다대면 흐려지고, 버튼을 클릭하면 색상이 변경되는 모습을 확인할 수 있다.c버튼은 그림자가 생기는 것을 확인할 수 있다./* transition: background-color 3s, color 0.15s;설명 : CSS에서 요소의 스타일이 변경될 때, 애니메이션 효과를 설정하는 데 사용됩니다.(1) transition 속성CSS 속성의 변화에 부드러운 전환 효과를 적용(2) background-color 3sbackground-color 속성의 변화에 대해 애니메이션 효과를 적용합니다.전환 시간이 3초로 설정(3) color 0.15scolor 속성(텍스트 색상)의 변화에 대해 애니.. 2024. 11. 19. [1] HTML 개념 및 구성요소 HTML이란?하이퍼 텍스트 마크업 언어는 웹 페이지 표시를 위해 개발된 마크업 언어다.웹을 이루는 가장 기초적인 구성 요소웹 페이지를 만들기 위한 표준 마크업 언어 HTML 구성요소→ 요소, 태그, 속성width:20px부분이 속성값이다. 1. 태그 2. 요소블록 요소는 두 번 나란히 쓰면텍스트텍스트텍스트텍스트(위와 같은 결과가 나타남)인라인 요소는 두 번 나란히 쓰면텍스트텍스트텍스트텍스트(위와 같은 결과가 나타남)p요소는 블록 요소 / span 요소는 인라인 요소p요소는 너비가 지정됨. span요소는 지정이 안된 모습 3. 속성 index.htmlindex.html 페이지는 방문자가 사이트를 요청할 때 다른 페이지가 지정되지 않은 경우 웹 사이트에 표시된 기본 페이지에 사용되는 가장 일반적인 이름입니.. 2024. 11. 18. 이전 1 2 다음
