Skip to content

Commit 6152a71

Browse files
luo0412luo0412
committed
add html5
1 parent e7656b1 commit 6152a71

File tree

2,166 files changed

+66893
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

2,166 files changed

+66893
-0
lines changed

‎learn-html5/README.md‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
# HTML5学习代码
2+
3+
```javascript
4+
// web worker等需要服务器环境的，可以
5+
npm install -g serve
6+
serve -s .folder
7+
8+
// 部分图片放在七牛云等
9+
```

‎learn-html5/[1]html5-basic/FeatureDetection.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<!-- saved from url=(0014)about:internet -->
6+
<title>HTML5 Feature Detection</title>
7+
<script src="../%5B5%5Dn-magic/assets/js/libs/modernizr-latest.js"></script>
8+
</head>
9+
10+
<body>
11+
<p>The verdict is... <span id="result"></span></p>
12+
13+
<script>
14+
// Find an element on the page (named result) where you can report the results.
15+
var result = document.getElementById("result");
16+
17+
if (Modernizr.draganddrop) {
18+
result.innerHTML = "Rejoice! Your browser supports drag-and-drop.";
19+
}
20+
else {
21+
result.innerHTML = "Sadly, your feeble browser does not support drag-and-drop.";
22+
}
23+
</script>
24+
</body>
25+
</html>

‎learn-html5/[1]html5-basic/README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# HTML5

‎learn-html5/[1]html5-basic/assets/css/chat-bubble.css‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
/**
2+
* 对话气泡
3+
* @author: Luo_0412;
4+
* @date: 2016-11-9;
5+
*/
6+
7+
@import "reset.css";
8+
9+
/**
10+
* 对话框
11+
*/
12+
13+
.chat-bubble {
14+
background-color: #ededed;
15+
/*background-color: -webkit-repeating-linear-gradient(circle, yellow, green 10%);*/
16+
border: 2px solid #666;
17+
font-size: 35px;
18+
line-height: 1.3em;
19+
margin: 10px auto;
20+
padding: 10px;
21+
position: relative;
22+
text-align: center;
23+
width: 300px;
24+
-moz-border-radius: 20px;
25+
-webkit-border-radius: 20px;
26+
-moz-box-shadow: 0 0 5px #888;
27+
-webkit-box-shadow: 0 0 5px #888;
28+
font-family: 'Bangers', arial, serif;
29+
}
30+
.chat-bubble-arrow-border {
31+
border-color: #666 transparent transparent transparent;
32+
border-style: solid;
33+
border-width: 20px;
34+
height: 0;
35+
width: 0;
36+
position: absolute;
37+
bottom: -42px;
38+
left: 30px;
39+
}
40+
.chat-bubble-arrow {
41+
border-color: #ededed transparent transparent transparent;
42+
border-style: solid;
43+
border-width: 20px;
44+
height: 0;
45+
width: 0;
46+
position: absolute;
47+
bottom: -39px;
48+
left: 30px;
49+
}
50+
51+
52+
.chat-bubble:hover {
53+
box-shadow: 0 0 0 1920px rgba(0,0,0,.7);
54+
}

‎learn-html5/[1]html5-basic/assets/css/index.css‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
body {
2+
3+
}
4+
5+
.container {
6+
7+
}
8+
9+
.spring {
10+
margin:auto;
11+
padding:4px;
12+
width:60%;
13+
min-width: 400px;
14+
max-width: 600px;
15+
border:1px solid;
16+
17+
display:flex;
18+
flex-flow:row nowrap;
19+
flex-grow: 2;
20+
justify-content: space-around;
21+
align-items: center;
22+
23+
}
24+
.spring p {
25+
border:1px solid;
26+
padding:4px;
27+
}
28+
.spring img {
29+
padding:4px;
30+
border:1px solid;
31+
}
32+
33+
34+
.summer {
35+
margin:auto;
36+
margin-top: 20px;
37+
width:60%;
38+
min-width: 400px;
39+
max-width: 600px;
40+
padding:4px;
41+
border:1px solid;
42+
order:1;
43+
44+
display:flex;
45+
flex-flow:column wrap;
46+
justify-content: space-around;
47+
align-items: center;
48+
}
49+
.summer p {
50+
border:1px solid;
51+
padding:4px;
52+
}
53+
.summer img {
54+
padding:4px;
55+
border:1px solid;
56+
}
57+
.summer .demo2 {
58+
order:1;
59+
}
60+
61+
.clr {
62+
clear:both;
63+
}

0 commit comments

Comments
 (0)