웹개발 (27) 썸네일형 리스트형 Css css는 스타일을 입혀주는 언어이다. 어떤 요소에 스타일을 입혀줄 것인지 지정하기 위해서 html의 태그 안에 class와 id태그를 이용해 선자를 붙여준다. class는 여러 개를 동시에 가질 수 있지만 id는 하나만 가질 수 있다는 차이점이 있다. 긴 문장을 작성 이렇게 띄어쓰기를 통해 여러개의 클래스 이름을 동시에 가질 수 있다. html에서 봤던 style 속성은 css를 작성하게 해준다. 태그의 속성뿐만 아니라 html의 head태그 안에서도 style태그를 이용해 따로 css파일을 만들지 않고 css를 작성할 수 있다. .을 앞에 붙이면 class의 스타일을 지정해줄 수 있고 #을 앞에 붙이면 해당 id의 스타일을 지정해줄 수 있다. 예시처럼 색깔 red와 blue가 겹칠 때는 더 아래에 있는.. Html vscode에서 web-study 폴더 안에 todo-list폴더를 만들고 main.html, main.css 파일 생성 html은 태그로 이루어져 있다. 대부분의 태그는 여는 태그와 닫는 태그로 쌍을 이루고, 닫는 태그는 앞에 /가 붙는다. 태그 안에는 이렇게 속성을 추가할 수 있는데 속성이름="속성값" 이런식으로 추가가 가능하다. 예시에서 속성이름은 style, 속성값은 color: red이다. vscode에서는 html:5를 자동완성으로 입력하면 html의 기본골격을 작성해준다. 맨 위의 은 html언어로 작성중이라는 것을 의미 두 번째 줄의 html태그의 lang="en"이라는 속성은 영어로 작성된다는 뜻인데 없어도 상관없다 html은 태그가 서로 감싸며 계층적 구조를 가진다. 위의 예시 코드에서.. 깃허브 기초 사용법 코드저장소 repository생성 방법과 컴퓨터에서 작업한 코드를 업로드하는 방법 깃허브에 회원가입 후 로그인, repositories 탭으로 이동 우측 상단에 초록색 new 버튼을 눌러 새 repository 생성 repository의 이름과 공개 여부 설정 컴퓨터에 프로젝트를 만들 폴더를 생성 폴더로 이동 후 cmd창에서 아래 명령어 입력하면 코드 업로드 가능 git init git remote add origin https://github.com/bluesunset0207/web-study.git (git remote add origin https://github.com/깃허브 아이디/저장소이름.git) git add . git commit -m 'd' git push origin master gi.. 이전 1 2 3 4 다음
