CSS3 css_study_d2_정리 블록 레벨 요소 사용하기 | 블록 레벨 요소란 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 것을 가리킵니다. 해당 요소의 너비가 100%라는 뜻으로 블록 레벨 요소의 왼쪽이나 오른쪽에 다른 요소가 올 수 없습니다. 블록 레벨 요소를 만드는 대표적인 태그로 , , 등이 있습니다. 인라인 레벨 요소 | 인라인 레벨 요소는 한 줄을 차지하지 않습니다. 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있습니다. 인라인 레벨 요소를 만드는 태그로 , , 등이 있습니다. 박스 모델의 기본 구성 | 박스 모델은 콘텐츠 영역, 박스와 콘텐츠 영역 사이의 여백인 패딩(padding), 박스의 테두리(border), 그리고 여러 박스 모델 사이의 여백인 마진(margin) 등의 요소로 구성됩니.. 2022. 1. 7. css_study_d1_정리 인라인 스타일 사용하기 | 인라인 스타일 간단한 스타일 정보를 적용하는 경우에 사용합니다. 스타일을 적용할 대상에 직접 표시하는 방법을 인라인 스타일이라고 합니다. 스타일을 적용하고 싶은 부분이 있다면 해당 태그에 style 속성을 사용해 style="속성: 속성값;" 형태로 스타일을 바꿀 수 있습니다. 내부 스타일 시트 사용하기 | 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 같은 문서 안에 정리한 것을 내부 스타일 시트라고 합니다. 스타일 정보는 태그 안에서 정의하고 과 태그 사이에 작성합니다. 외부 스타일 시트 사용하기(CSS 파일) | 외부 스타일 시트 Copy 여러 웹 문서에서 사용할 스타일을 별도 파일로 따로 저장해 놓은 스타일 정보를 외부 스타일 시트라 하고 ***.css**라는 파일 .. 2022. 1. 4. 혼자 끄적여 본 html 오늘 alice academy 를 통해 html 기본적인 것들을 복습해 보았다. 70~80 % 정도는 기억나는 것이었지만, 막상 코드를 치려하니 손이 움직이지 않더라. 그래서 학습하며 vscode 를 통해 혼자 끄적여 보았다. 기본적인 것들을 사용하여 진짜 진짜 간단한 웹페이지라고 하기엔 부끄러운 무언가를 만들었다. 갑자기 이상한 나라의 앨리스가 생각나서 그냥 내키는 대로 주제를 이상한 나라의 앨리스로 잡았는데 지금 생각해보면 참 의식의 흐름대로 행동한것이 보인다. form 을 통해 설문지 비스무리 한것을 형성 하였고, 내부 사정으로 개인정보와 장소 시간을 정하도록 만들어 보았다. 처음엔 form 안에 form 을 넣어서 sumit 과 reset 버튼이 작동을 하지 않았는데 꽤나 지난후에야 form 안에.. 2022. 1. 3. 이전 1 다음
