摘要：
<style> .de{ width: 300px; height: 300px; border: 1px solid #ddd; } </style></head><body><div id="demo" class="de"></div><script> var x=document.getEl 阅读全文
摘要：
<style> *{ margin: 0; padding: 0; } .div1{ width: 200px; height: 200px; border: 1px solid red; position: relative; margin-left:20px; float: left; } .d 阅读全文
摘要：
<style> div{ height: 20px; width: 0%; background-color:red; } </style></head><body><!--展示图片：--><!--src:指定路径(资源定位--url):src请求的是外部文件，一般来说是服务器资源。意味着它需要向服 阅读全文
摘要：
<script> /*1.ononline:网络连通的时候触发这个事件*/ window.addEventListener("online",function(){ alert("网络连通了"); }); /*2.onoffline:网络断开时触发*/ window.addEventListener 阅读全文
摘要：
<style> .red{ color:red } .green{ color: green; } .blue{ color: blue; } .underline{ text-decoration: underline; } </style></head><body><ul> <li class= 阅读全文
摘要：
<!--定义--><!--规范：1.data-开头2.data-后必须至少有一个字符，多个单词使用-连接建议：1.名称应该都使用小写--不要包含任何的大写字符2.名称中不要有任何的特殊符号3.名称不要副作用纯数字--><p data-school-name="itcast">传智播客</p><p d 阅读全文
摘要：
<style> .red{ color: red; } .green{ color: green; } .blue{ color: blue; } </style></head><body><ul> <li>请选择</li> <li class="red">前端</li> <li class="gr 阅读全文
摘要：
!--embed:可以直接插入音频视频，本质是通过本机安装的音频视频播放软件来播放的。要求必须已经安装了这些软件 兼容性--><!--flash: 1.先学习flash,增加使用成本 2.iphone,ipd,不支持flash--><!--audio:音频--><!--src:播放文件的路径cont 阅读全文
摘要：
<form action=""> <fieldset> <legend>学生档案</legend> <label for="userName">姓名：</label> <input type="text" name="userName" id="userName" placeholder="请输入您 阅读全文
摘要：
<!--max:最大值value:当前进度值--><progress max="100" value="100"></progress><!--度量器：衡量当前进度值--><!--high:规定的较高的值<!--high:规定的较高的值low:规定的较低的值max:最大值min:最小值value:当 阅读全文
摘要：
<form action=""> 用户名：<input type="text" name="userName" id="userName"><br> 电话：<input type="tel" name="userPhone" id="userPhone" pattern="^1\d{10}$"> < 阅读全文
摘要：
<form action=""> 用户名：<input type="text" name="userName"> <br> 密码：<input type="password" name="userPwd"> <br> <!--email提供了默认的电子邮箱的完整验证：要求必须包含@符号，同时必须包含 阅读全文
摘要：
<form action=""> <!--专业： <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</optio 阅读全文
摘要：
<!--语义化标签兼容--><script src="html5shiv.min.js"></script><!--可以用了代替div并不需要class--><header>头部</header><nav>导航</nav><main> <article>主体内容（左边）</article> <asi 阅读全文