안드로이드 & 지멘스 프로그래밍

안녕하세요. 훈츠입니다. CSS 정리 시작 합니다! CSS 기본 연결법 아래와 같이 link 태그를 이용하여 css 파일을 연결 시켜줍니다. 편의상 한개의 파일에 넣어두었지만 selector css 는 별개의 파일의 시작 입니다. css 파일 역시 처음 시작에 charset 을 작성해 줍니다. 1 2 3 4 5 6 7 8 9 10 11 //Hoons Blog---https://rain2002kr.tistory.com----------------------------------------------코드/// //이곳에 바로 css 작성 // 별도의 selector css 파일 시작 부분 @charset "utf-8"; Colored by Color Scripter cs 색상 표현 법 색상 표기법 : #ff..

안녕하세요. 훈츠입니다. 금일은 레이아웃 잡을때 편리한 FLEX 에 관해 포스팅 합니다. 레이아웃 마법사 FLEX FLEX 를 이용하면, WEB 문서에서 손쉽게 아이템들을 배치할수 있습니다. 반응형 웹 제작 또한 손쉽게 됩니다. 옵션의 내용만 잘 이해하면 쓰는데는 그리 어렵지 않습니다. 목차 FLEX Container 와 item Container 속성 item 속성 유용한 flex 사이트 소개 : FLEXBOX FROGGY FLEX Container 와 item FLEX 는 부모가 되는 Container 와 자식이 되는 item 으로 구성 되어 있습니다. 다음과 같은 형태라고 보시면 됩니다. 콘테이너에 속성값 주는 것과 ITEM에 속성값 주는 것에 따라 정렬을 할수 있습니다. Container 속성 d..

안녕하세요. 훈츠입니다. 금일은 CSS 에 문법에 관해 포스팅 합니다. CSS 유용한 팁과, 필요한 기술들을 소개 드리도록 하겠습니다. CSS 레이아웃 및 기타 유용 기술 VAR 변수값 지정 법 : 일일히 값을 입력 하는것보다 유용한 방법 입니다. FLEX 간단 소개 : 레이아웃 잡을때 유용한 FLEX 입니다. 간단한 애니메이션 효과 : Cursor , Transition, Transform 리스트 스타일 없애기 : list-style , padding- left : 0 축에 스크롤 주기 : overflow-y : scroll VAR 변수 지정 법 일일히 값을 입력하는것 보다 아래와 같이 변수명에 속성값을 입력후 해당하는 CSS 에 VAR 함수를 이용하면 됩니다. 1 2 3 4 5 6 7 8 9 10 1..