Style5 [HTML] selector 선택자 (tag, class, id) + style 💾 Editor: VSCode 👉 기존 html 코드 devje Front-end Developer I want my dream to come true. The future is mine. 기존 html 코드에서 style 속성으로 넣었던 것을 모두 style.css 로 옮긴다. html 파일 안에 html과 css를 연결하는 link 태그를 head 안에 작성한다. 👉 index.html => style.css (스타일 속성 옮기기) index.html style.css .profile { width:100px; display:block; margin-left:auto; margin-right:auto; } img 태그에 class 속성 추가 style.css 파일에 코드 옮기기 html 태그에 sty.. 2022. 12. 28. [CSS] 14~15 코드의 재사용 style.css 파일 생성 실습 끝 생활코딩 [WEB2 - CSS] STUDY 기록 끝 2021. 12. 27. ~ 2022. 1. 26. 14. CSS 코드의 재사용 중복의 제거! head 태그에 link 태그 넣어줌. style.css body { margin: 0; } a { color: black; text-decoration: none; } h1 { font-size: 45px; text-align: center; border-bottom: 1px solid gray; margin: 0; padding: 20px; } ol { border-right: 1px solid gray; width: 100px; margin: 0; padding: 20px; } #grid { display: grid; grid-template-column.. 2022. 1. 28. [CSS] 6~7 id class 선택자 생활코딩 [WEB2 - CSS] STUDY 기록 6. CSS 속성을 스스로 알아내는 방법 검색 글씨 크기 css text size property => font-size 속성 사용 가운데 정렬 css text center property => text-align 속성 사용 h1 { font-size: 45px; text-align: center; } 글씨 크기가 커지고, 가운데 정렬 되었다. 7. CSS 선택자의 기본 윤동주 시인 시 서시 별 헤는 밤 쉽게 쓰여진 시 .saw 이 선택자는 이 웹페이지에서 class가 saw인 것을 가르킴. 별 헤는 밤 class의 값은 여러 개 들어올 수 있다. 값이 2개일 때는 나중에 입력한 선택자가 우선순위를 가짐. 별 헤는 밤 우선순위를 확실하게 하기 위해 id 선.. 2022. 1. 26. [CSS] 4~5 style 속성 , a 태그 생활코딩 [WEB2 - CSS] STUDY 기록 4. CSS의 기본 문법 style 속성 별 헤는 밤 style 속성을 사용하면, html은 css 문법에 따라 해석한다. html에 css를 사용하는 방법 2가지 style 태그를 쓴다. style 속성을 쓴다. a 태그 - 하이퍼링크 밑줄 없애기 링크 부분 밑줄 없어짐. 어느 한 부분에만 밑줄 주고 싶을 때는! 서시 별 헤는 밤 쉽게 쓰여진 시 '별 헤는 밤' 부분에만 밑줄 추가! style 속성에 [text-decoration:underline] 추가! 5. 혁명적 변화 2022. 1. 11. [CSS] 1~3 WEB2 생활코딩 시작! style 태그 생활코딩 [WEB2 - CSS] STUDY 기록 시작 2021. 12. 27. ~ 1. 수업 소개 이 과정이 끝나면 아름다움에 대한 관심을 가지게 될 것 이다. 처음에 css 사용을 위해, html 코드 안에 아이니다 클래스를 넣을 때 어리둥절했다. 그 둘의 관계에 대해서 이해가 제대로 안 된 상태라서! 지금은 어느정도 이해했지만, 문제는 아이디명이나 클래스명을 어떤식으로? 적절하게 정해야 하는지를 잘 모르겠다. 뭐,,, 하다 보면 차차 나아지겠지. 2. CSS가 등장하기 전의 상황 웹페이지를 만든 사람들은 웹페이지를 아름답게 만들기 위한 고민에 빠지게 된다. 그래서 등장한 게 태그. (현재는 사용하지 않는다.) html 내에 사용하던 태그로, 컬러 변경이 가능했다. 윤동주 시인 시 서시 별 헤는 밤 쉽.. 2022. 1. 1. 이전 1 다음
