html5笔记
来源：互联网 发布：地方台电视直播软件 编辑：程序博客网 时间：2024/05/01 23:07
<!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=utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1,user-scaleable=0" /><!--根据手机屏幕分辨率更改css--><link rel="stylesheet" media="screen and(max-width:600px)" href="small.css" /><!--根据手机旋转方向更改css--><link rel="stylesheet" media="only screen and (max-width:480px),only screen" and (max-device-width:480px) href="device.css" /><title>无标题文档</title><style type="text/css">[id^=art]{ color:red;}[id$=art]{color:blue;}p:before{content:"before content";}p:after{content:"after content";}li:first-child{color:#33ddff;}li:last-child{color:#33aaaa;}li:nth-child(2){color:red;}/* 水平阴影 垂直阴影 模糊阴影 颜色*/div{ /*其他浏览器*/ box-shadow:2px 2px 2px #000; /*webkit浏览器*/ -webkit-box-shadow:2px 2px 2px #000; /*火狐浏览器*/ -moz-box-shadow:2px 2px 2px #000; padding:5px 4px; width:200px; margin-top:2px; text-align:center; /*文字阴影*/ text-shadow:2px -2px 3px #333;}button{/*不能为负值 0为矩形*/border-radius:10px 10px;width:70px;height:70px;background-color:#FFF;}</style></head><body class="demo"><div id="art1">art1</div><div id="art2">art2</div><div id="art3">art3</div><div id="ddart">art4</div><div id="fdfart">art5</div><div id="ddfart">art6</div><p> test </p><ul><li>li1</li><li>li2</li><li>li3</li><button>mybutton</button></ul></body></html>附上学习资料
http://download.csdn.net/detail/nameyuxiang/6368067
