metatitlestylelinkscriptbasediv/section/article/aside/header/footerpspan/em/strongtable/thead/tbody/tr/tdul/ol/li/dl/dt/ddaform/input/select/textarea/button<metacharset="utf-8"><metaname="viewp...

固定背景特效这是一个不错的模板，充分利用了background-attachment的CSS属性来创造固定背景的效果。

例：属性中后几位字符是value就行div[class$=yuan]{width:200px;height:50px;margin-top:10px;background-color:cadetblue;}<divid="5"><divclass="yuanddd"></div><divclass="ddddyuan"></div>//正确<divclass="jlj...

例：属性中前几个字符是value就行div[class^=en]{width:100px;height:40px;background-color:coral;margin-top:20px;}<divid="div4"><divclass="en"></div>//正确<divclass="enttt"></div>//正确<divclass="ensss"><...

例：属性中必须是完整且唯一的单词，或者是-分割开div[class|=ggg]{font-size:20px;color:blue;}<divid="div3"><divclass="rrr-ggg">1</div>//错误<divclass="rrrggg">2</div>//错误<divclass="ggg">3</div>//正确<divclass="...

例：属性中做字符串拆分，只要能拆分出来value这个字符串就行；div[class*=hello]{font-size:16px;color:red;}<divid="div2"><divclass="dd"></div><divclass="ddssshello">Loremipsumdolorsitamet,consecteturadipisicinge...

例：属性中包含独立的单词为valuediv[class~=haha]{width:100px;height:100px;background-color:cadetblue;}<divid="div1"><pclass="p1haha"></p>//正确<pclass="p1"></p></div>

cssdeck.com是一个拥有四个窗格的HTML在线编辑器，他们分别用来编写HTML,CSS和JavaScript并进行实时预览。你可以在每个窗口中单独编写代码，但组合的输出结果将会显示在预览窗口中。此外，编辑器还拥有许多的快捷键。