본문 바로가기
코딩야학/HTML

[6일차] CSS 실습

by june._.note 2017. 6. 11.

1. CSS 실습 (https://opentutorials.org/course/1688/9351)

1.1 실습1

1.2 실습2

- .css 확장자를 이용해 CSS 파일을 생성 할 수 있음.

- HTML head태그 하위의 style tag에서 작성하는 방법으로 css 파일을 채우면 된다.

- <link rel="stylesheet" type="text/css" href="css경로"> : 작성한 CSS파일 내용을 현재 HTML에 적용.

- link 태그를 이용한 CSS적용은 유지보수의 편의성과 함께, 인터넷 자원을 아낄 수 있다던가,

  페이지 오픈 속도를 향상 시킬 수 있는 등. 장점이 있다.

* 크롬 Stylebot이라는 확장프로그램을 이용하여 현재 웹페이지의 CSS값을 조정하여 내 입맛에 맞게 컨트롤 할 수 있다. (변경사항이 저장됨.)

* JSFilddle.net : html 및 css를 작성할 수 있는 사이트

* CSS는 동일한 레벨의 동이란 효과일땐 마지막에 나온 효과가 우선된다

* 컴파일 언어 (Java) : 기계가 이해할수 있게 변환한다음에 실행 (컴파일링이라는 시간이 필요 but, 한번하고나면 컴파일 필요없음)

  인터프리터 언어 (php/파이썬 등) : 실행 될때마다 컴퓨터가 기계가 이해할 수 있도록 해석 (매번 컴파일 해야함.)

* cloudbric : 웹사이트 보안관련.

* 파이어폭스 확장 플로그램에 tilt는 HTML의 elment를 3D로 보여주는 프로그램.

* 프로그래시브 웹.

* 온라인 상에서 코딩을 할 수 있는 프로그램

  - ideone.com 

  - codepen.io

  - jsfiddle.net

  - gist.github.com

'코딩야학 > HTML' 카테고리의 다른 글

[8일차] ~로그인 기능  (0) 2017.06.12
[7일차] ~코드삽입  (0) 2017.06.11
[5일차] CSS 이론 및 실습  (0) 2017.06.10
[4일차] 개발도구  (0) 2017.06.10
[3일차] ~HTML 실습  (0) 2017.06.09