본문 바로가기
반응형

User Interface4

레이아웃 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - 인라인 vs 블럭레벨 - html 엘리먼트들은 크게 두가지로 구분됩니다. 1. 화면 전체를 사용하는 태그 => block element 2. 화면의 일부를 차지하는 태그 => inline level element 이번 시간에는 inline element와 block level element의 차이점을 다룹니다. 그 과정에서 display라는 중요한 속성에 대해서도 배우게 됩니다. 어떤 element가 block이고 어떤 element가 inline인가? h1은 한 행을 다 쓴다. => block level element a tag는 자기 자신만 쓴다. => inline element inline-block.html Hello.. 2017. 9. 19.
선택자와 선언 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS를 적용하는 방법 1. 문법의 속성으로 주기 2. 를 활용하기 어떤 태그를 디자인하기 위해서는... 1. 디자인하려는 태그를 선택하고 (선택자, Selector) 2. 선택한 대상에게 원하는 효과를 적용해야한다. (선언, Declaration) 예제 HTML CSS JavaSCript 2017. 9. 7.
CSS 소개 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. CSS의 기반은 HTML이다. HTML = 정보, HTML은 홀로 존재할 수 있다. 하지만 CSS는 HTML없이 존재할 수 없다. HTML= 정보 CSS = 디자인 CSS는 에 들어가게 된다. **정보와 디자인의 분리 예제 바보 천하의 보배 2017. 9. 7.
CSS 이론 모든 저작권은 의 생산자인 님에게 있습니다.문제시, 비공개로 전환하겠습니다. - CSS 디자인을 위한 언어 - CSS = Cascading Style SheetHTML과는 완전히 다른 독립된 언어이다. 하지만 CSS는 HTML을 떠날 수 없다.CSS가 HTML 언어의 디자인을 위해 고안된 언어이기 때문이다. - 태그 -CSS의 시작과 끝 ex 1 CSSJavaScriptHTML ex 2 CSSJavaScriptHTMLPHP CSS 기본 문법 h1 {color:red}선택자 (Selector) 서술 (Description) - 선택자 심화학습 - ex 1 CSSJavaScriptHTMLPHP ex 2 CSSJavaScriptHTMLPHP ex 3 CSSJavaScriptHTMLPHP ex 4 html cs.. 2017. 8. 4.
반응형