@none-blue: #5B83AD; @light-blue : @none-blue + #111; #header{color:@lihgt-blue;} 다음처럼 만들어진다 #header{color: #.....} 변수 이름으로 변수를 정의 가능 @name: "I am jungyo"; @var : "jungyo"; fullname: @@var; 결과값은 fullname: "I am jungyo";
StyleSheet/less
1. node.js를 설치 한다 node.js 설치https://nodejs.org/en/download 로 들어가서 운영체제에 맞게 설치 ex) Windows Installer (.msi) node.js 설치 확인 -cmd(명령프롬프트)창에서 확인cmd 창에 입력node.js: node -vnpm: npm -v 버전정보가 나오면 설치완료! 2. less설치cmd창에서 설치!설치 : npm install less -gclean plugin : npm install -g less-plugin-clean-css 2. less 파일 사용less.js 필요!! http://lesscss.org/#download-options 다운사용: css로 컴파일 후 호출cmd 사용 컴파일 방법: cmd 상 디렉토리 .le..
css는 html을 꾸며주는고 정보와 표현을 분리해주는 언어로 많은 장점을 가지고 있지만 단점도 있는습니다.이를테면 작성하기는 쉽지만 유지보수하는것이 어렵고 동적인 언어의 특징인 변수나 함수와 같은 특성을 가지고 있지 않기 때문에 많은 코드가 사용되기도 합니다.이러한 문제를 해결하기 위한 기술중 less가 있습니다. less를 사용하면 보다 간결하고 유지보수가 쉬운 css를 만들수있습니다.