Skip to content

Commit 672fad7

Browse files
huang303513huang303513
committed
update
1 parent 854cecd commit 672fad7

Some content is hidden

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

57 files changed

+51
-0
lines changed

‎html&css练习/css练习之对齐.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>css练习之对齐</title>
5+
<meta charset="utf-8">
6+
<style type="text/css">
7+
body{
8+
margin: 0;
9+
padding: 0;
10+
}
11+
.center{
12+
margin: auto;
13+
width: 70%;
14+
background-color: #b0e0e6;
15+
}
16+
17+
.container{
18+
position: relative;
19+
width: 100%;
20+
background-color: #b0e0d4;
21+
}
22+
.right{
23+
position: absolute;
24+
right: 0px;
25+
width: 300px;
26+
background-color: #b0e0e6;
27+
}
28+
.floatright{
29+
float: right;
30+
width: 300px;
31+
background-color: #b0e0e6;
32+
}
33+
</style>
34+
</head>
35+
<body>
36+
<div class="center">
37+
<p>这是一个段落、居中对齐、通过margin：auto实现，并且指定宽度是父容器的百分之七十</p>
38+
<p><b>注释：</b>除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。</p>
39+
</div>
40+
41+
42+
<div class="container">
43+
<div class="right">
44+
<p><b>注释：</b>当使用 position 属性进行对齐时，请始终包含 !DOCTYPE 声明！如果省略，则会在 IE 浏览器中产生奇怪的结果。</p>
45+
</div>
46+
</div>
47+
<div class="floatright">
48+
<p>这是一个段落，靠右对齐。是通过flaot:right实现</p>
49+
</div>
50+
</body>
51+
</html>

‎前端Demo列表/css解密源码/chapter.one/one.html renamed to ‎html&css练习/css解密源码/chapter.one/one.html

File renamed without changes.

‎前端Demo列表/css解密源码/chapter.one/two.html renamed to ‎html&css练习/css解密源码/chapter.one/two.html

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/css/style.css renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/css/style.css

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/100du.ico renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/100du.ico

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/activity_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/activity_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/ad/ad1.jpg renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/ad/ad1.jpg

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/ad/ad2.jpg renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/ad/ad2.jpg

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/ad/ad3.jpg renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/ad/ad3.jpg

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/adorn.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/adorn.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/btn.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/btn.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/123.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/123.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/360.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/360.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/456.jpg renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/456.jpg

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/bbs_img1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/bbs_img1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot10.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot10.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot11.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot11.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot3.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot3.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot4.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot4.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot5.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot5.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot6.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot6.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot7.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot7.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot8.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot8.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot9.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot9.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot_list_pic1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot_list_pic1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/hot_list_pic2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/hot_list_pic2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/img1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/img1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/img2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/img2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/img3.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/img3.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/media1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/media1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/media2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/media2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/media3.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/media3.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/media4.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/media4.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/pic1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/pic1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/recommend_list_ico1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/recommend_list_ico1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/recommend_list_ico2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/recommend_list_ico2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/today1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/today1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/content/today2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/content/today2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/dot.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/dot.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/header_link_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/header_link_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/help.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/help.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/hot_list_li_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/hot_list_li_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/ico1.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/ico1.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/ico2.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/ico2.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/logo.png renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/logo.png

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/more.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/more.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/nav_bg.png renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/nav_bg.png

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/new_title_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/new_title_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/play_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/play_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/search_img.png renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/search_img.png

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/img/video_bg.gif renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/img/video_bg.gif

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/index.html renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/index.html

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/js/jquery-1.11.0.min.js renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/js/jquery-1.11.0.min.js

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/圆角.html renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/圆角.html

File renamed without changes.

‎前端Demo列表/电商项目模块化布局/100du第几讲结束/渐变.html renamed to ‎html&css练习/电商项目模块化布局/100du第几讲结束/渐变.html

File renamed without changes.

0 commit comments

Comments
 (0)