본문 바로가기

CSS

[CSS] Flexbox CSS3 에 명시된 레이아웃 모듈. 요소들의 공간 활용을 어떻게 해줄건지를 설정 할 수 있음.추후 레이아웃 구성에 중요한 녀석일 것 같음. .container { display: flex } 기본적으로 각 요소들의 부모 요소에 위 스타일을 먹이면 됨. 컨테이너 옵션들 flex-direction - 행으로 할지 열로 할지를 정하는 옵션 - values row 기본 값. 수평방향(행) row-reverse 수평방향(행). 순서 역순 column 수직방향(열) column-reverse 수직방향(열). 순서 역순 flex-wrap - 길이가 길어질 경우 줄바꿈을 어찌할지에 대한 옵션 - values nowrap 기본 값. 아이템을 한 줄에 모두 표현 wrap 적정 길이 이상이면 복수의 줄에 걸쳐 표현 wrap.. 더보기
[SyntaxHighLighter] SyntaxHighLighter 사용법 tistory에서는 syntaxhighlighter를 사용하여 코드를 보기 좋게 만들어 줄수 있음. 아래 코드를 설정 - 스킨 - HTML/CSS 편집에 추가해주면 바로 사용가능. http://code.google.com/p/syntaxhighlighter/ 위 주소에서 SyntaxHighlighter_1.5.1.rar 파일을 받아 압축 해제할경우 그런 후 tistory의 스킨설정->HTML/CSS->파일 업로드. 요기서 scripts와 styles 폴더에 있는 모든 파일을 업로드 해줌. 그런다음 각 파일을 include해주면됨,. 그리고.. ...를 사용해서 코드 작성 다시 요약 하자면..간단하게 파일 받고 추가하고 하는게 귀찮은 사람들이 추가해야할 소스. (Autoloader 사용할 경우) 더보기
[CSS] IE 7에서의 속성 IE7에서 속성값 앞에 *+를 붙여 줌으로 해당 브라우저 일때의 속성값 설정이 가능함. *의 경우 IE8... 더보기