随笔分类 - HTML5+CSS3
摘要：如何使用表格进行布局？ 可以使用一个三行两列的表格对页面进行布局（为了方便显示，各区域设置了不同的背景颜色）， 显示的效果如下： 实现该效果的代码： 嵌套布局 在使用表格对大的格局进行了布局之后，可以看到，将区域1和区域3放入图片或文字即可，而区域2（3行3列）区域4（6行1列）则还需要进行微布局，
阅读全文
摘要：作用： 圣杯布局和双飞翼布局解决的问题是相同的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 区别： 圣杯布局：为了让中间div内容不被遮挡，将中间div设置了左右padding-left和padding-right后，将左右两个div用相对布局position: rel
阅读全文
摘要：一、实现一个对话框 步骤： （1）三角形的实现 初始效果显示： 初始效果的源代码： Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789，那么就调用高版本的那个也就是IE9。 X-UA
阅读全文
摘要：京东切分三框布局： 效果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 body{ 8 margin: 0px; 9 padding: 0px; 10 b
阅读全文
摘要：使用框架切分网页 效果: 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 frame_a 9 </body> 10 </html> <!DO
阅读全文
摘要：最终效果： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格多行多列的合并</title> 6 </head> 7 <body> 8 <table align="center" border="1
阅读全文
摘要：在表单中最为核心的就是<input>标签，使用<input>标签可以在表单中定义文本输入框、单选按钮、复选框、重置按钮等，其基本语法格式如下： <input type="控件类型"/> 在该语法中，type属性为其最基本的属性，取值有很多种，用来指定不同的控件类型，除type属性外，还可以定义其它的
阅读全文
