@charset "utf-8"; body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote { margin:0; padding:0; } img,abbr,acronym { border:0; } table td { word-break:break-all; } table { border-collapse:collapse; border-spacing:0; } caption,th { text-align:left; } ol,ul { list-style:none; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:700; } input,button,textarea,select { font-size:inherit; *font-size:100%; font-family:inherit; } address,cite,dfn,em,code,var,caption,th { font-style:normal; font-weight:normal; } q:before,q:after { content:''; } h1 { font-size:30px; text-align:center; padding:20px 0; } p { padding:10px 0; } div { float:left; width:50%; text-align:center; margin:0 0 50px; } canvas { background:pink; } /*视频教学2017.10.13*/ span[lineColor] { display:inline-block; padding:5px; cursor:pointer; color:#fff; background:#ccc; } span[lineColor].current { padding:5px 30px; } span[lineColor='#ff0000'] { background:#ff0000; } span[lineColor='#0000ff'] { background:#0000ff; } span[lineColor='#008040'] { background:#008040; } span[lineColor='#000000'] { background:#000000; } input[type='range'] { vertical-align:middle; margin:0 10px; }