免费人成网站视频在线观看国内,久视频精品线在线观看,人妻激情偷乱频一区二区三区,国产 字幕 制服 中文 在线

CSS轉Less,Sass,Stylus

CSS代碼轉換工具，CSS代碼轉換為less，sass或stylus

上傳 CSS
關(guān)于變量：變量要以@開(kāi)頭表示，這里填寫(xiě)變量，可以替換轉換結果中特定的內容。
例如：@blue:#5b83ad;表示用@blue替換#5b83ad;

將CSS代碼轉換為less、sass或stylus的工具

這是一款CSS代碼轉換的免費工具，可以自動(dòng)將CSS代碼轉換為less，也可以把CSS代碼換為sass，或者轉為stylus。CSS代碼轉換工具支持添加自定義變量，而且編輯器高亮顯示代碼，方便實(shí)時(shí)修改編輯。

CSS轉Less、Sass、Stylus工具使用說(shuō)明：

1、輸入CSS：直接上傳本地CSS文件，或者在第一個(gè)輸入框內直接輸入CSS代碼。

2、填寫(xiě)變量：如果沒(méi)用到變量，留空不填寫(xiě)。如果用到變量，可以填寫(xiě)變量，所填變量會(huì )自動(dòng)替換轉換結果中特定的內容。

3、CSS轉換為：根據需求，可以選擇Less、Sass、Stylus

4、代碼縮進(jìn)：為了便于閱讀，轉換后的代碼可以縮進(jìn)2個(gè)空格、4個(gè)空格，或者1個(gè)Tabs。建議選擇空格縮進(jìn)，因為T(mén)abs在不同編輯器內縮進(jìn)量不同，可能會(huì )導致混亂。

5、代碼注釋?zhuān)哼x擇代碼注釋方式、位置，如果不勾選，則會(huì )刪除CSS中的注釋。

5、Hacks：勾選則會(huì )去除CSS中Hack部分的代碼。

6、會(huì )自動(dòng)輸出轉換結果，你可以一鍵保存轉換結果，也可以復制轉換后的代碼手動(dòng)保存，如果轉換為L(cháng)ess，后綴名（擴展名）為.less；如果轉換為Sass，后綴名為.scss；如果轉換為Stylus，后綴名為.styl

關(guān)于CSS、Sass、Less和Stylus：

1、CSS，全稱(chēng)Cascading style Sheets，即“層疊樣式表單”，用于精準控制頁(yè)面布局元素的背景顏色、位置、大小等。

2、Sass、Less、Stylus，都是CSS的預處理語(yǔ)言，在基于標準的CSS語(yǔ)法的基礎上，擴充了CSS，增加了諸如函數、混合(mixin)、變量、嵌套、運算、繼承、顏色處理等功能，使其擁有了更加靈活、更加實(shí)用的可編程性。


/* Outside Comment */
header {
	padding:20px;
}
header h1 { /* Nesting */
	font-size:24px;
	_font-size: 25px;
	*font-size: 26px;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.9);
	-ms-box-shadow: 0 0 0 rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.9);
	-o-box-shadow: 0 0 0 rgba(0,0,0,0.9);
	box-shadow: 0 0 0 rgba(0,0,0,0.9);
}
header h1 a {
	text-decoration:none;
}
header h1 a:hover { /* Pseudo-classes */
	text-decoration:underline;
	/* Data URL */
	background: url(data:image/jpg;base64,/9j/4QfweFWEgrGhehQewfFWEkqAAgAAAAL....) 0 0 no-repeat;
}
header h1 a:hover span {
	color: #5b83ad;
}
header img {
	border:none;
}
header img.glow { /* Classes */
	border:solid 1px #f00;
}