YYYEJI

hover 란 ? ? ? HTML 또는 XML에서 요소에 마우스를 올렸을 때 반응하는 css의 요소입니다. 예제를 살펴봅시다. name{ display: block; color:chartreuse; margin-left: 50pt; margin-top: 50pt; } name:hover{ color: orange; } name{ display: block; color:chartreuse; margin-left: 50pt; margin-top: 50pt; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; transition: width 2s, height 2s, transform 2s; } name:hover{ width: 200px; heig..

transform-origin 속성을 알기 전에 transform에 알고 싶다면 아래 링크로 들어가주세요 ! https://yyyeji.tistory.com/77 [XML] CSS에서 transform 속성 transform 속성이란 ? ? ? 요소를 회전하거나 확대/축소하거나 비트는 등 형태를 변형할 수 있습니다. transform 키워드에는 4 종류가 있습니다. 1. rotate 2. translate 3. scale 4. skew cd{transorm: rotate(2.. yyyeji.tistory.com transform-origin 이란 ? ? ? transform-origin은 CSS transform 속성과 함께 사용되는 속성으로서, 회전 중심(원점·기준점)을 지정합니다. transform-..

transform 속성이란 ? ? ? 요소를 회전하거나 확대/축소하거나 비트는 등 형태를 변형할 수 있습니다. transform 키워드에는 4 종류가 있습니다. 1. rotate 2. translate 3. scale 4. skew ↓↓↓ 기본에서 위치입니다 ↓↓↓ transform: rotate()는 요소를 지정한 각도만큼 회전시킵니다. transform: rotate(30deg); transform: rotate(-30deg); transform: rotatex(50deg); transform: rotatey(50deg); transform-origin은 지정 요소의 중심을 기준으로 동작합니다. transform: rotate(20deg); transform-origin: 100% 100%; tran..

CSS에서 border 속성이란 ? ? ? 요소의 테두리를 설정하는 속성입니다. border 속성에는 3개의 argument가 있습니다. 1. width 2. line 3. line color border: width line line-color; border: 3pt solid blue; border: 3pt dotted blue; border: 3pt dotted blue; background-clip: border-box; border: 3pt dotted blue; background-clip: padding-box; border: 3px dotted black; background-clip: content-box; border-left: 5pt solid orange; border-top: 5p..

CSS에서 float란 ? ? ? Block(box)의 좌우측을 지정해주는 속성입니다. left - 요소가 자신의 포함(containing) 블록의 좌측에 부동(float, 떠움직여)해야 함을 나타내는 키워드입니다. right - 요소가 자신의 포함 블록의 우측에 부동해야 함을 나타내는 키워드입니다. none - 요소가 부동하지 않아야 함을 나타내는 키워드입니다. ✓ block 왼쪽 배치 float: left; 이 속성은 dafualt 값이기 때문에 작성하기 않아도 박스가 왼쪽에 배치됩니다. ✓ block 가운데 배치 margin:0 auto; ✓ block 오른쪽 배치 float: right; CSS에서 text-aglign 이란 ? ? ? 텍스트의 위치를 조정합니다. ✓ text 왼쪽 배치 text-..

마진(Margin)이란 ? ? ? margin 속성은 테두리(border)와 이웃하는 요소 사이의 간격인 마진 영역의 크기를 설정합니다. (padding의 경우에는 안쪽으로 @px 주라는 뜻입니다.) 마진(Margin)의 속성 1. margin: 상하좌우로 띄움 2. margin-top: 위쪽으로 띄움 3. margin-right: 오른쪽으로 띄움 4. margin-bottom: 아래쪽으로 띄움 5. margin-left: 왼쪽으로 띄움 ↓↓↓ 실행화면을 확인해 보세요 ↓↓↓ 블랙 박스는 고정되어 있고, 아래 빈 박스의 움직임을 확인해 주세요! ◡̈

CSS에는 여러가지 색상이 존재합니다. ↓↓↓ 아래 링크에서 어떤 색상이 있는지 확인할 수 있습니다 ↓↓↓ https://www.w3schools.com/colors/colors_names.asp HTML Color Names W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com ◡̈

XML(EXtensible Markup Language)이란 ? ? ? 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어입니다. 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있습니다. ✓ 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적입니다. XML 파일을 작성할 땐 아래 코드로 XML임을 명시해야 됩니다. ↑↑↑ XML Prolog ↑↑↑ XML의 특징 ① 종료 태그를 반드시 가져야 합니다. ② XML 태그는 대소문자를 구분합니다. ③ 시작 태그와 종료 태그가 모두 대소문자가 같아야 합니다. ④ XML 태그의 여닫는 순서는 반드시 지켜야 합니다. ⑤ XML의 속성 값은 따옴표로 감싸야 합니다. ⑥ XML에서는 띄어쓰기를 인..