摘要：本技术包括：jquery.js 技术,bootstrap技术,html5的number控件技术等. 在上次基础上,增加了一个出题按钮,又增加了一个set.gif动画. 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>
阅读全文
随笔分类 - CSS及Html5
摘要：站点演示:点击-> 代码参考: https://files.cnblogs.com/files/exesoft/HtzdSite.zip
阅读全文
摘要：上代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>3DX轴旋转测试</title> <style> .container{ perspective: 50000px; transform-style:preserve-3
阅读全文
摘要：Small盒子位于Big盒子中央位置.同时,文字也位于Smalll盒子的中央位置.通过calc函数进行辅助计算. 上代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS计算函数calc的测试</title> <styl
阅读全文
摘要：上代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS 变量测试</title> <style type="text/css"> :root{ --myfontcolor:red; } h2{ --myh2fontco
阅读全文
摘要：方法一:精灵图片已经被切割好(假设为: p01.png,p02.png,...,p09.png), 可以这些做: <!doctype html> <html> <head> <meta charset="utf-8"> <title>图片序列动画演示-1</title> <style type="t
阅读全文
摘要：一.五大主流浏览器及四大内核有哪些? 现在国内常见的浏览器有：IE、Firefox、Safari、Opera、Google Chome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器、遨游浏览器、世界之窗浏览器等等。但目前最为主流浏览器有五大款，分别是IE、Firefox、
阅读全文
摘要：Last Work 运算次数: 0 正确次数: 0 错误次数: 0 + = 随机出题 验证
阅读全文
摘要：Clear Test A float left盒子 float right盒子 float left盒子 float right盒子 Clear Test B float left盒子 float right盒子 float left盒子...
阅读全文
摘要：demo-1: demo-2: demo-3: demo-4: 小结: 1.border宽度使用百分比,没有效果,故不要使用. 2.padding-top,padding-bottom 使用百分比,以父盒子宽度为基准,所以为了达到满屏,数值需要修订.比如上述的padding值得3.12是一个修订值.
阅读全文
摘要：无标题文档 left MAIN RIGHT
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> .right,.left{height:300px;width:200px;} .right{ floa
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>Layout Demo</title> <style> #container { font-family: Arial; font-size: 13px; position: re
阅读全文
摘要：cs 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://w
阅读全文
浙公网安备 33010602011771号