scss和css区别

html-css09

scss和css区别,第1张

SCSS 之类的预处理器本身就是为了生成 CSS 而设计的。它的优势在于开发效率高。对于一些样式复杂的站点,用 SASS 之类的工具生成代码比手写 CSS 快得多。但是 SASS 不是为了取代 CSS 而生的,它是为了服务 CSS 而生。或者类比一下,机器不能直接执行 C,它执行的是编译后的机器码。浏览器也不能直接渲染 SCSS,它渲染的是编译出来的 CSS。不过 SCSS 与 CSS 的关系和@郑诚所说的「jquery永远不可能取代javascript」有一点区别。 jQuery 是一个 JavaScript 的库而非生成 JavaScript 的工具,它是用 JavaScript 开发出来的;而 CSS 是标记语言。CSS 的一些框架如 lessframework 或者 normalize,它们之于 CSS 的关系更像 jQuery 之于 JavaScript。

黄金品牌印记缩写如下:

梦金园黄金是梦金园,招金银楼印记是G,铭心珠宝印记是mx老凤祥的印记是"老凤祥"蓝天首饰是S12G, 周大福的印记是"CTF"或"周大福"嘉华珠宝印记是KAWA或中文嘉华. 明牌的印记是"日 月"粤豪的印记是"YH", 百泰的印记是"BT",盛峰珠宝是SF航民百泰"HB周大福珠宝是CTF 君力黄金是君力(小篆风格的自造体文字) 中国黄金印记是中金,周六福钢印"ZLF"赛菲尔珠宝是S12G德诚黄金是(DC)翠绿珠宝是(CL)尚金缘珠宝是"GSK", 同心珠宝是(TX。

百泰珠宝是(BT) 凯恒的印记是"KH"老庙的印记是"老庙", 沪老庙",订制的印记则是"庙一"玛贝尔珠宝印记"MB" , 周生生珠宝印记"周生生"或"CSS" , 翠绿珠宝的印记"CL" ,龙嘉珠宝 LJ金叶珠宝印记“JY”亚一珠宝的印记“亚一”或AS爱得康珠宝的印记“ADK”金雅艺珠宝的印记“JYY”萃华的印记"CH" 或"萃华", 宝亨达的印记"BHD" , 谢瑞麟的印记"TSL", 周大生的印记"周大生"。

亚一的印记"亚一"或AS,同晖的印记"TH" , 吉盟的印记"GM" , 潮宏基的印记"CHJ", 鸿福的印记"HF",百福的印记"PF"依福的印记是YF(据说是粤豪子品牌)六福的印记是六角形中间嵌个"福"字永安珠宝的印记"永安", 百盛下属签约品牌"DBE"深圳福麒的印记"FQ"深圳潮尊的印记"CZ"ATA" 是爱塔(首饰厂标,百泰的前身)六六福的印记"LLF"金威的印记"JW"(铂金产品)君力的印记"君力"(铂金产品)龙嘉的印记"LJ"或"龙嘉"爱得康的印记"ADK"金雅意的印记"JYY"鹏城的印记"PC"展鹏的印记是"SC"金明珠的钢印"JMZ"张万福印记"ZWF"。

金象的印记"JX"百利金的印记"BBB"或"百利金" 亿福珠宝"YF 字印,(之前有查到过据称粤豪子品牌,依福,印记也是"YF")是山东梦金园梦金园黄金是梦金园,招金银楼印记是G,铭心珠宝印记是mx老凤祥的印记是"老凤祥"蓝天首饰是S12G, 周大福的印记是"CTF"或"周大福"嘉华珠宝印记是KAWA或中文嘉华. 明牌的印记是"日 月"粤豪的印记是"YH", 百泰的印记是"BT"

盛峰珠宝是SF航民百泰"HB周大福珠宝是CTF 君力黄金是君力(小篆风格的自造体文字) 中国黄金印记是中金,周六福钢印"ZLF"赛菲尔珠宝是S12G德诚黄金是(DC)翠绿珠宝是(CL尚金缘珠宝是"GSK", 同心珠宝是(TX) 百泰珠宝是(BT) 凯恒的印记是"KH"老庙的印记是"老庙", 沪老庙",订制的印记则是"庙一"玛贝尔珠宝印记"MB" , 周生生珠宝印记"周生生"或"CSS"

,翠绿珠宝的印记"CL" ,龙嘉珠宝 LJ金叶珠宝印记“JY”亚一珠宝的印记“亚一”或AS爱得康珠宝的印记“ADK”金雅艺珠宝的印记“JYY萃华的印记"CH" 或"萃华", 宝亨达的印记"BHD" , 谢瑞麟的印记"TSL", 周大生的印记"周大生", 亚一的印记"亚一"或AS,同晖的印记"TH" , 吉盟的印记"GM" , 潮宏基的印记"CHJ", 鸿福的印记"HF"

百福的印记"PF"依福的印记是YF(据说是粤豪子品牌)六福的印记是六角形中间嵌个"福"字永安珠宝的印记"永安", 百盛下属签约品牌"DBE"深圳福麒的印记"FQ"深圳潮尊的印记"CZ"ATA" 是爱塔(首饰厂标,百泰的前身)

六六福的印记"LLF"金威的印记"JW"(铂金产品)君力的印记"君力"(铂金产品)龙嘉的印记"LJ"或"龙嘉"爱得康的印记"ADK"金雅意的印记"JYY"鹏城的印记"PC"展鹏的印记是"SC"金明珠的钢印"JMZ"张万福印记"ZWF"金象的印记"JX"百利金的印记"BBB"或"百利金" 亿福珠宝"YF 字印,(之前有查到过据称粤豪子品牌,依福。

给一个HTML元素设置css属性,如

var head= document.getElementById("head")

head.style.width = "200px"

head.style.height = "70px"

head.style.display = "block"

这样写太罗嗦了,为了简单些写个工具函数,如

function setStyle(obj,css){

for(var atr in css){

obj.style[atr] = css[atr]

}

}

var head= document.getElementById("head")

setStyle(head,{width:"200px",height:"70px",display:"block"})

发现 Google API 中使用了cssText属性,后在各浏览器中测试都通过了。一行代码即可,实在很妙。如

var head= document.getElementById("head")

head.style.cssText="width:200pxheight:70pxdisplay:bolck"

和innerHTML一样,cssText很快捷且所有浏览器都支持。此外当批量操作样式时,cssText只需一次reflow,提高了页面渲染性能。

但cssText也有个缺点,会覆盖之前的样式。如

<div style="color:red">TEST</div>

想给该div在添加个css属性width

div.style.cssText = "width:200px"

这时虽然width应用上了,但之前的color被覆盖丢失了。因此使用cssText时应该采用叠加的方式以保留原有的样式。

function setStyle(el, strCss){

var sty = el.style

sty.cssText = sty.cssText + strCss

}

使用该方法在IE9/Firefox/Safari/Chrome/Opera中没什么问题,但由于 IE6/7/8中cssText返回值少了分号 会让你失望。

因此对IE6/7/8还需单独处理下,如果cssText返回值没""则补上

function setStyle(el, strCss){

function endsWith(str, suffix) {

var l = str.length - suffix.length

return l >= 0 &&str.indexOf(suffix, l) == l

}

var sty = el.style,

cssText = sty.cssText

if(!endsWith(cssText, '')){

cssText += ''

}

sty.cssText = cssText + strCss

}