[HTML/CSS] 블로그/폼 레이아웃 제작

과제1) 블로그 글 만들기🌟레이아웃 신경써서 하기1. box 나누고, 서열 정리하기⬇️⬇️2. HTML에서 서열정리 바탕으로 태그 묶기 OOO 2024.00.00 멋사 아기사자 12기 2주차입니다. 블로그 글 목록 만들기 실습을 2주차 과제로 하고 있습니다. 3. CSS에서 레이아웃 정리1. containerwidth: 800px 으로 기준잡음2. blog-conte..

  • format_list_bulleted FE/HTML&CSS
  • · 2025. 6. 29.
  • textsms

[HTML/CSS] 웹레이아웃 기초

✨상속CSS 프로퍼티 중 상위 요소(부모, 조상)에서 적용되었지만, 자식 요소까지 상속되는 것 parent child결과:이 코드에서 parent 텍스트가 20px로 설정되었는데, child 또한 같은 사이즈로 노출된다.🫥 상속되지 않는 경우도 있음!1) 상속이 되지 않는 프로퍼티width height margin display borderex) parent child결과:이 코드에서는 parent의 border가 child에 상속되지 않는다.2) 상속되는 프로퍼티이지만 HTML요소의 종류에 따라대표적인 것이 button요소! parent child결과:이 코드에서 child는 font-size를 상속받지 않는다.->** 만약 프로퍼티의 요소의 종류에 영향받지 않고, 부..

  • format_list_bulleted FE/HTML&CSS
  • · 2025. 6. 29.
  • textsms

[HTML/CSS] 과제 자기소개 홈페이지 제작하기

과제1우선 CSS파일에 공통적으로 쓰일 style들을 정리하고, 과제1과 2에 동일하게 사용하였음→ 훨씬 더 간결한 코드로 작성할 수 있었음/*사진, 버튼 요소*/.profile{ width: 300px; display: block; margin: auto;}/*카테고리 제목 요소*/.title{ line-height:300%; letter-spacing: -1px; color: gray; text-align: center;}/*카테고리별 내용 텍스트*/.content{ line-height:30px; letter-spacing: -1px; text-align: center;}강의 자료에서 벗어나 새로 사용했던 것 Digital Media Fro..

  • format_list_bulleted FE/HTML&CSS
  • · 2025. 6. 29.
  • textsms
[HTML/CSS] HTML/CSS 기초 정리

[HTML/CSS] HTML/CSS 기초 정리

학교에 교양과목이 있을 정도로 쉬운 축에 속한다는 것을 알고는 있었는데 수강신청 실패와,, 그 외의 배울 수 있는 기회가 없었어서 이번에 처음 다뤄보게 되었다.그런데 하루 배워도 글씨, 이미지로 깔끔한 한 페이지를 제작할 수 있을 정도로 이해하기 쉽게 되어있어서첫 날부터 재밌고 유익하게 배울 수 있었다.✨HTML: HyperTextMarkup Language주로 웹페이지 제작에 쓰이는 프로그래밍 언어이다.요소 구성작성할 때의 기본적인 형식이다.void 요소여기서 End Tag가 없는 태그들을 말한다. ex) 비주얼스튜디오에서 .html 형식의 파일을 만들고,! 작성후 enter키를 누르면 나오는 코드다. 이 상태에서 시작하면 된다.이 코드들을 더 자세히 살펴보자. 문서의 타입 지정 -> HTML5로 ..

  • format_list_bulleted FE/HTML&CSS
  • · 2025. 6. 29.
  • textsms

[멋쟁이사자처럼] 12기 합격수기

학교 입학 전부터 너무너무 들어가고 싶었던 '멋쟁이 사자처럼'..1학년 초반에 모집하는 것보고 의기양양하게 자소서 쓰려고 지원폼을 열었다가.. 생각보다 너무 대단히 써야하는게 많아보여서 2학년 때의 지원을 다짐하고 뒤로가기를 눌렀던 기억이 있다. 그리고 1년내내 후회하면서 인스타그램에 매주 올라오는 정기세션을 바라보기만 했다..그러다 2학년이 되어서 쓰려고 하니까 1학년때 했던 게 생각보다 없어서 거의다 고등학교 프로젝트를 작성했던..그래서 1학년 때 지원했어도 됐을 것 같다는 생각을 했다. 합격을 못했더라도 엄청난 성장이 되었을 것 같다.실제로 면접을 너무 망쳐서 우울했는데도 개발 진로에 대한 방향성을 정했으니 괜찮다!라고 스스로 위로했었다..멋쟁이사자처럼은 >프로젝트가 많은열정,간절함 그리고 다양한 ..

  • format_list_bulleted FE/HTML&CSS
  • · 2025. 6. 29.
  • textsms