반응형

웹 프로그래밍/CSS 12

css에 폰트 적용하는 방법

A. link로 첨부하는 폰트 B. otf / ttf 형식의 파일로 폰트를 다운 받은 경우 로 나눌 수 있다. A. link로 첨부하는 폰트 https://www.a-mean-blog.com/ko/blog/Node-JS-%EC%B2%AB%EA%B1%B8%EC%9D%8C/%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%A7%8C%EB%93%A4%EA%B8%B0/%EA%B2%8C%EC%8B%9C%ED%8C%90-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1-%EB%B0%8F-navbar Node JS 첫걸음/게시판 만들기: 게시판 - 프로젝트 생성 및 navbar - A MEAN Blog /* * 이 강의는 2016년 처음 작성되었으나 2020년..

생활코딩 css 마무리

https://opentutorials.org/course/3086/18333 수업을 마치며 - 생활코딩 Long take 버전 코딩장면만을 담은 버전의 영상입니다. 복습할 때 도움이 되면 좋겠습니다. 좋아하는 음악 틀어놓고 배속으로 보시면 덜 지루합니다. 지식지도 관련된 지식의 지도입니다. 지도 opentutorials.org 가장 중요한건 선택자와 속성이다 속성 더 많은 걸 표현할 수 있고 선택자 더 정확하게 표현할 수 있다 지금은 공부를 그만두기 좋은 타이밍이지만 공부한 걸 써먹기 좋은 타이밍이다. 최대한 써먹자

생활코딩 css 코드의 재사용 - .css 파일을 만들자

WEB HTML CSS JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript it forms a triad of cornerstone technologies for the World Wide Web.[2] Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the ..

생활코딩 css 반응형 디자인과 미디어 쿼리 소개

WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speec..

생활코딩 css 그리드2 그리드 써먹기

https://opentutorials.org/course/3086/18322 그리드 - 생활코딩 그리드의 기본 사용법 강의 caniuse 홈페이지 소스코드 변경사항 그리드 써먹기 강의 소스코드 변경사항 Grid 기능의 호환성 https://caniuse.com/#feat=css-grid opentutorials.org 이제 2.html로 다시 돌아가자 vscode에서 여러 줄을 한꺼번에 들여쓰기하려면 드래그해서 영역 표시한다음 tab키를 누르면 된다. 쉽다! 내어쓰기를 하고 싶으면 shift + tab이다. WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the pre..

생활코딩 css 그리드

https://opentutorials.org/course/3086/18322 그리드 - 생활코딩 그리드의 기본 사용법 강의 caniuse 홈페이지 소스코드 변경사항 그리드 써먹기 강의 소스코드 변경사항 Grid 기능의 호환성 https://caniuse.com/#feat=css-grid opentutorials.org 이제 그리드 배운다 그리드를 알기 위해 grid.html을 임시로 만들어서 해보자 Navigation Article Navigation / Article을 각각 박스에 담고 싶다고 하자 우리가 아는 선택자 h1을 이용해서 묶을까? 하지만 h1에는 이미 제목이라는 뜻이 들어가 있다 따라서 무색무취인 선택자를 사용할 필요가 있는데 이 선택자를 라고 한다 division의 약자다 마찬가지로 b..

생활코딩 박스모델2 줄긋기

https://opentutorials.org/course/3086/18319 박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 밑줄을 긋고 싶다 일단 2.html에서 해본다 WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interf..

생활코딩 박스모델

이번 시간은 박스모델에 대해서 배울 예정 CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] 가장 기본 첫 코드 을 하면 CSS가 제목처럼 변한다 CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] href 로 link 삽입 은 화면 전체를 쓰므로 줄바꿈을 해준다 은 화면 전체를 쓰지 않는다. 이 사람의..

생활코딩 css 선택자를 스스로 알아내는 방법

https://opentutorials.org/course/3086/18329 CSS 선택자를 스스로 알아내는 방법 - 생활코딩 강의 내용이 많고 복잡합니다. 시간을 충분히 확보하고 시작하세요. 소스코드 변경사항 opentutorials.org WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in H..

반응형