css 众妙之门学习笔记

来源：互联网发布：ecshop h5微商城源码编辑：程序博客网时间：2024/05/09 18:41

伪类：

结构伪类：

: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>

0 0

css 众妙之门 学习笔记

css 众妙之门学习笔记