css 众妙之门 学习笔记
伪类:
结构伪类:
:empty
:only-child
:before
:after
:active
:hover
:focus
:link
:visited
:first-child
:last-child
:nth-last-child()
:nth-child()
UI元素伪类:
:checked
:enabled
:disabled
目标伪类:
:target
否定伪类
div:not(classname)
主要属性:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> h1{ -webkit-text-stroke:2px blue;} h2{-webkit-text-stroke:1px transparent} h3{color:transparent; -webkit-text-stroke:4px red;} ol{counter-reset:section; list-style-type:none;} li:before{counter-increment:section; content:counters(section,".")"";} q{quotes:'《' '》' "<" ">" "(" ")";} q:before{content:open-quote;} q:after{content:close-quote;} .of{text-overflow:ellipsis; overflow:hidden}/*css3*/ .bw{word-wrap:break-word;} </style> <title>无标题文档</title> </head> <body> <div style="background:green;"> <h1>wch</h1> <h2>wch</h2> <h3>Smashing</h3> <marquee direction="left">dfsdfldfoisdjflsd</marquee> <ol> <li>item</li> <li>item <ol> <li>ite</li> <li>ite</li> </ol> </li> <li>ite</li> </ol> <q>wch<q>222<q>333</q></q></q> <div class="of" style="width:50px;">wedsfdsijojosdfjo</div> <div class="bw" style="width:50px;">wedsfdsijojosdfjo</div> </div> </body> </html>