📚 스터디9 생활코딩 CSS 공부기록 1편 1. 생활코딩 WEB2 - CSS 수강완료 생활코딩 CSS 수강완료했다. 공부한 내용을 간단하게 정리해보려고 한다. 2. 텍스트 가운데 정렬하기 스타벅스 를 가운데 정렬해주려고 한다. style에서 text-align: center를 추가로 넣어준다. h1{ font-size :50px; text-align: center; } 3. 박스모델 태그는 화면전체를 쓴다. 태그는 화면전체를 쓰지 않고 자신의 크기의 부피만큼을 쓴다. 이전 html 복습 중 변경하고 싶은 부분이 안되서 궁금증이 있었는데 이번강의에서 실행이 안됬던 부분에 대해 더욱 이해할 수 있었다. block level element : 화면전체를 쓰는 태그 inline element : 자신의 크기만큼 쓰는 태그 blcok element을 in.. 2024. 3. 3. 생활코딩 HTML 공부기록 2편 1. 생활코딩 HTML 강의 복습하기 생활코딩 web1 - HTML에서 배웠던 html 태그를 활용해 다시 한번 복습하면서 새롭게 웹사이트를 꾸며보았다. 흥미를 떨어뜨리지 않기 위해 자주 접할 수 있는 웹사이트와 비슷하게 만들어 보고 싶었다. 2. 래퍼런스 찾기 복습하면서 배운걸 써먹을 수 있는 자료를 찾다가 스타벅스 음료 페이지가 적용하기 딱 적절한 것 같아 선택!! 3. 스타벅스 디자인 적용해 보기 리스트 태그 전체상품 보기> 콜드브루커피, 프라푸치노, 블렌디드 (9가지 음료) 콜드브루커피 > 콜드브루커피 ( 3가지 음료) 프라푸치노 > 프라푸치노 ( 3가지 음료) 블렌디드 > 블렌디드 (3가지 음료) 이미지 태그 / 텍스트 굵게 / 줄 바꿈 욕심내서 총 9가지 음료 을 했다. ( 줄인 것 ) 조금 .. 2024. 2. 27. 생활코딩 HTML 공부기록 1편 1. 생활코딩 HTML 수강완료 개발공부 1일차 생활코딩 WEB1 - HTML & Internet 을 수강완료 했다. 생활코딩채널은 차근차근 이해하기 쉽게 그리고 중간중간 응원도 해주신다. (쏘스윗ㅠㅠ) 수강방법중 생활코딩 사이트 에서 보는 방법과 유튜브 생활코딩 채널에서 보는 방법이 있는데 유튜브가 영상을 다보면 바로 넘어가기 때문에 선택했다. ( 영상길이가 길지도 않아서 부담없이 보기 좋았다 ) 2. 공부내용 기억에 쉽게 남기기 위해 수업예제와 구조는 같지만 조금 다르게 해보았다. ㅎㅎㅎ 3. 소스 큰제목 1. 첫번째목차 2. 두번째목차 3. 세번째목차 이것은 문장입니다. HTML태그 이것은 밑줄태그이고 이것은 굵은태그입니다. 애국가 바로가기 동해물과 백두산이 마르고 닳토록 하느님이 보우하사 우리나라.. 2024. 2. 27. 이전 1 2 다음