Development/Web, WWW(447)
-
Bootstrap(부트스트랩) 특징
Bootstrap(부트스트랩)http://codedragon.tistory.com/2694 Bootstrap(부트스트랩) 특징· HTML로 웹페이지의 뼈대를 만들고 스타일시트에서 레이아웃을 만들기 위한 CSS의 속성과 값을 입력하는 대신 미리 정의된 클래스 선택자를 html 코드에 삽입 하는 곳 만으로 레이아웃과 각종 요소가 만들어집니다.· 부트스트랩의 스타일시트는 대략 7000여 라인으로 만들어졌습니다.· 웹페이지를 만들기 위한 거의 모든 요소에 대해 미리 정의를 해놓았기 때문에 손쉽게 웹사이트를 만들 수 있게 해주는 플랫폼입니다.· 반응형 웹을 최소한의 코드로 구현할 수 있습니다.· 트위터에서 미리 만든 UI를 사용하므로 전문 디자이너가 아니더라도 퀄리티 높은 웹을 구현할 수 있습니다..
-
Bootstrap(부트스트랩) 한글 번역페이지
Bootstrap(부트스트랩)http://codedragon.tistory.com/2694 Bootstrap(부트스트랩) 한글 번역페이지http://maczniak.github.io/bootstrap/index.html
-
웹 개발자 도구 (Web Developer Tool) - Chrome(크롬) 개발자 도구, Firefox(파이어폭스) 개발자 도구, Edge(엣지) 개발자 도구
웹 개발자 도구 (Web Developer Tool)· 클라이언트가 서버에 요청시 요청의 결과파일들(html, css, javascript)은 클라이언트 PC에 다운받은 다음 인터프린트되어져서 즉 해석이 되져서 표시되어 집니다.· 이때 해석이 잘 되었는지 확인하기 위해서 개발자 도구를 사용하게 됩니다.· 개발자 도구를 통해 브라우저가 어떻게 동작하는 지 알 수 있으며 이 과정을 통해 문제가 발생했을 때 해당 부분을 처리할 수 있습니다.· 개발자 도구에는 HTML구조, CSS스타일시트, HTTP통신과정, JavaScript디버깅, 프로파일링, 성능진단등의 다양한 기능을 제공하고 있습니다.· 개발자 도구는 크롬, 엣지, 사파리, 파이어폭스 등 각 브라우저별로 모두 비슷한 기능을 제공하고 있습니다. Chrom..
-
[CSS] list-style-type 프로퍼티, HTML과 CSS의 마커 동일 표현
list-style-type 프로퍼티 list-style-image 프로퍼티가 "none" 또는 ""에 지정된 이미지가 없을 시항목의 마커 형태 결정 태그 형태설명순서 의미 없는 특수문자순서 의미 있는 숫자 list-style-type 프로퍼티 값 (태그에서 사용) 프로퍼티 값설명decimal1로 시작하는 십진수western-decimal1로 시작하는 십진수decimal-leading-zero01, 02, 03로 표현되는 십진수lower-romani, ii, iii와 같이 로마숫자 소문자로 표시upper-romanI, II, III와 같이 로마숫자 대문자로 표시lower-alphaa, b, c와 같은 영어 소문자로 표시lower-latina, b, c와 같은 영어 소문자로 표시upper-alphaA, B..
-
이클립스(eclipse)에서 CSS File 생성하기
이클립스(eclipse)에서 CSS File 생성하기 마우스 우클릭 >> [New] >> [Other...] [Web] >> ["CSS File"] 항목 선택 >> [Next] 파일명 입력 >> [Finish] 파일 생성 완료!!!
-
gradient 색상값 찾기
gradient 색상값 찾기 http://www.color-hex.com/ http://www.color-hex.com/color/333333