웹개발/부스트코스(웹프로그래밍) 검색 결과
40 개의 검색 결과가 있습니다.
웹개발/부스트코스(웹프로그래밍)

CSS layout

CSS layout(Element가 배치되는 방식) 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering 과정이라고도 합니다.편의상 우리는 배치라고 할 겁니다.기본 엘리먼트는 위에서 아래로 배치되는 것이 기본입니다.하지만 웹사이트의 배치는 다양하게 표현 가능해야 하므로, 이를 다양한 방식으로 배치할 수 있도록 다양한 속성을 활용합니다.중요하게 이해해야 할 속성은 다음과 같습니다.이 속성을 중심으로 엘리먼트의 배치를 이해할 겁니다. display(block, inline, inline-block)position(static, absolute, relative, fixed)float(left, right) 기본적인 Element가 배치되는 방식 1.display:block(div..

2018. 12. 15. 22:42
웹개발/부스트코스(웹프로그래밍)

css라이브러리

https://bulma.io/http://getbootstrap.com/components/

2018. 12. 15. 18:55
웹개발/부스트코스(웹프로그래밍)

CSS 기본 Style 변경하기

CSS 기본 스타일 변경하기 CSS style 적용은 글자색, 배경색 등이 가장 자주 사용되는 것들입니다.이런 속성은 위치 값과 크기를 지정하는 것과 달리, 색상 위주로 값을 부여합니다.색상 관련 값은 다양한 색을 일관된 방법으로 표현하기 위해 주로 16진수 표기법을 사용합니다. font 색상 변경color : red; color : rgba(255, 0, 0, 0.5); rgba(red,green,blue,alpha(투명도)) color : #ff0000; //16진수 표기법으로 가장 많이 사용되는 방법 font 사이즈 변경font-size : 16px; font-size : 1em; (상속받은 픽셀값의 배수,상속받지 않았을 경우 Default값은 16px)ex> 2em;(상속받은 픽셀값에 2배 크기)..

2018. 12. 15. 18:52
웹개발/부스트코스(웹프로그래밍)

CSS Selector

CSS selector HTML의 요소를 tag, id, html 태그 속성 등을 통해 쉽게 찾아주는 방법입니다. tag로 설정하기(태그명) 12345 span { color : red; }cs class로 설정하기(.class이름)123456789 .spanClass { color : red } HELLO World! Colored by Color Scriptercs id로 설정하기(#id이름)123456789 #spantag { color : red; } HELLO World! Colored by Color Scriptercs CSS Selector의 다양한 활용 id, class 요소 선택자와 함께 활용 12#myid { color : red }div.myclassname { color : red ..

2018. 12. 15. 16:37
웹개발/부스트코스(웹프로그래밍)

HTML

HTML이란? HTML 이란 Hyper Text Markup Language 의 약자로써 월드와이드웹 문서를 작성하는 Markup Language 입니다. HTML 은 여러 태그들로 구성되어 있으며 각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다. 인터넷문서는 Hyper Text 의 원리를 이용하여 여러 문서를 링크시켜 다양한 정보를 손쉽게 검색하여 볼 수 있게 만들어 줍니다. 이러한 다양한 표현의 가능성과 쉬운 사용으로 월드와이드웹을 짧은 시간에 대중시키는데 원동력이 되었습니다. Hyper Text : 하이퍼링크 설정이 가능하고 텍스트들이 서로 연결되어 있다는 의미입니다.Mark-up language : 어떤 내용에 뭔가 특별히 지시하는 문장을 추가할 수 있는데 이러한 추가적인 정보를..

2018. 12. 14. 22:11
웹개발/부스트코스(웹프로그래밍)

css 선언방법

CSS 선언방법 CSS의 구성 123span { color : red; }csspan : selector(선택자)color : propertyred : value style을 HTML페이지에 적용하는 3가지 방법 1. inlineHTML태그 안에다가 적용합니다.다른 CSS파일에 적용한 것 보다 가장 먼저 적용합니다. 1​cs 2. internal style 태그로 지정합니다.구조와 스타일이 섞이게 되므로 유지보수가 어렵습니다.별도의 CSS파일을 관리하지 않아도 되며 서버에 CSS파일을 부르기 위해 별도의 브라우저가 요청을 보낼 필요가 없습니다. 12345678910111213 p { font-size : 2em; border :1px solid gray; color : red; } ...​cs3. ext..

2018. 12. 14. 21:23