Skip to content

Commit 995b039

Browse files
note4note4
committed
PC版乱改
1 parent e57000b commit 995b039

15 files changed

+159
-608
lines changed

‎yf/yf1.html renamed to ‎wiki/meta.html

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,12 @@
11
<!DOCTYPE html>
2-
<html lang="zh-cn">
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
66
<!-- IE用户如果安装了Google Chrome Frame则使用GCF渲染，如果没有则使用IE最高版本 -->
77
<meta name="renderer" content="webkit" />
88
<!-- 双内核浏览器默认使用webkit内核，ie-comp：IE兼容模式、ie-stand：IE标准模式 -->
99
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
10-
<!-- 禁用手动缩放 -->
11-
<title>YF css - yijile.com</title>
12-
<meta name="Description" content="" />
13-
<!-- 页面描述 -->
14-
<meta name="Keywords" content="" />
15-
<!-- 页面关键词 -->
1610
<meta http-equiv="Cache-control" content="no-cache" />
1711
<!-- 禁用浏览器缓存 -->
1812
<meta name="format-detection" content="telephone=no">
@@ -31,13 +25,15 @@
3125
<!-- Windows8 磁贴图标路径 -->
3226
<meta name="apple-mobile-web-app-capable" content="yes" />
3327
<!-- 隐藏地址栏 -->
34-
<link rel="stylesheet" href="themes/base.css" />
35-
<!--[if lt IE 9]>
36-
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
37-
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
38-
<![endif]-->
28+
<title>Meta 标签汇总</title>
29+
<meta name="Description" content="" />
30+
<!-- 页面描述 -->
31+
<meta name="Keywords" content="" />
32+
<!-- 页面关键词 -->
33+
34+
<!-- <meta http-equiv="refresh" content="30" /> -->
3935
</head>
4036
<body>
41-
37+
<p>内容请看源码</p>
4238
</body>
43-
</html>
39+
</html>

‎yf/README.md

Lines changed: 1 addition & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1 @@
1-
yf
2-
==
3-
4-
yijile.com/f 易用轻css框架
5-
6-
> 本CSS为note4自用，可用于测试，note4随时可能会有大改动，再修复旧问题同时有些选择器可能也面目全非了。
7-
8-
# yf 1025重构
9-
yf是一套基本css框架
10-
11-
### 基础样式
12-
13-
```html
14-
<link href="css/style.css" rel="stylesheet" />
15-
```
16-
17-
## yf5文件规范
18-
19-
### yf5-pc.html
20-
21-
浏览器兼容支持：IE7+，重点考虑PC桌面浏览器体验，并考虑少部分IE低版本用户
22-
23-
使用：HTML+5 （起初考虑使用XHTML，介于低版本浏览器使用**html5shiv**就能支持支持HTML5标签，所以放弃XHTML
24-
25-
```html
26-
<!--[if lt IE 9]>
27-
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
28-
<![endif]-->
29-
```
30-
31-
<del> yf5-auto.html
32-
浏览器兼容支持：IE8+，适用于电脑、平板、手机响应式设计开发
33-
使用：HTML5
34-
</del>
35-
2014-11-19 删除，新解决方案通过综合pc+phone+plus达到相同目的及效果
36-
37-
38-
### yf5-phone.html
39-
40-
浏览器兼容支持：不考虑PC桌面浏览器（只要指IE），用于移动设备端开发
41-
42-
使用：HTML5
43-
44-
### yf5-plus.html 一些常见的CSS解决方案
45-
46-
47-
48-
### 关于yf.html
49-
50-
是最初yf框架最初版本，用到完全CSS重置，yf5建立在此基础上
1+
loading...

‎yf/themes/base.css renamed to ‎yf/css/base.css

File renamed without changes.

‎yf/css/ltie9.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
@charset "utf-8";
2+
.oh2ie{ position:relative; line-height:1.4em; height:4.2em; overflow:hidden; }
3+
.oh2ie:after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 20px 1px 45px; background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y; }

‎yf/css/widget.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
@charset "utf-8";
2+
/*内容超出隐藏并添加省略号*/
3+
/*单行溢出通用方案*/
4+
.oh1{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
5+
/*多行溢出 支持android+ios 及chrome和safari*/
6+
.oh2{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
7+
8+
/*伸缩布局 css3*/
9+
.box{display: -webkit-box; display: -moz-box; display:box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal;}
10+
.box .box-flex{-webkit-box-flex: 1.0; -moz-box-flex: 1; box-flex: 1;display: block;}
11+
12+
13+
.xlist, .ylist{list-style: none;padding-left: 0;*margin-left: 0;}
14+
.xlist{}
15+
.xlist li{float: left;}
16+
.xlist li a{display: inline-block;text-decoration: none;}
17+
.xlist li.line {color:#ccc;padding: 0px;}
18+
19+
.ylist{}
20+
.ylist li{}
21+
.ylist li a{text-decoration: none;}
22+
.ylist li.line {background: #ccc;height: 1px; padding: 0px;text-indent: -9999em;}
23+
24+
/*menu*/
25+
.menu {}
26+
.menu ul {}
27+
.menu ul li {float: left;}
28+
.menu ul li a {float: left; height: 50px; display: block; text-align: center; width: 100px; line-height: 50px; background-color: #F0F0F0; color: #000; text-decoration: none;}
29+
.menu ul li a:hover { color: #FFF; background-color: #333;}
30+
31+
/*search*/
32+
.search{position: relative; padding: 4px 104px 4px 4px;background: #ccc;}
33+
.search input{border: 0;}
34+
.search .text{padding: 10px 0; width: 100%;height: 16px;line-height: 16px;text-indent: 4px;}
35+
.search .submit{position: absolute;top:4px;*top:5px; right: 4px; width: 100px; height: 36px;line-height: 36px;text-align: center;}
36+
37+
/*全局共用分页*/
38+
.page2navigator{padding:20px 0;}
39+
.page2navigator ol{text-align:center;}
40+
.page2navigator li{display:inline-block;font-size:16px;*vertical-align:text-top;}
41+
.page2navigator li{*display:inline;}
42+
.page2navigator li.on{}
43+
.page2navigator a{display:block;margin:0 4px;padding:0px 10px;height:40px;line-height:40px; color:#444;background:#fff;border: #dfdfdf 1px solid;border-radius: 3px; min-width: 20px;_float: left;position: relative;}
44+
.page2navigator li.on a, .page2navigator li.on a:hover{color:#fff;text-decoration:none; border: none;background:#327ccb;border: solid 1px transparent;}
45+
.page2navigator .prev a{padding-left: 28px;}
46+
.page2navigator .next a{padding-right: 28px;}
47+
.page2navigator .prev span{left: 16px;}
48+
.page2navigator .next span{right: 16px;}
49+
.page2navigator li.no a, .page2navigator li.no a:hover{color: #bfbfbf;border: 1px solid #dfdfdf;cursor:not-allowed;}
50+
.page2navigator a:hover{text-decoration:none;color:#327cca;border: 1px solid #327cca;}
51+
.page2navigator li span{ position: absolute; top: 0; font-size: 30px;line-height: 35px; display: inline; height: 40px; font-style: normal;}
52+
.page2navigator li em.dot{display:block; padding: 10px 10px 0;}

‎yf/htmlDome.html

Lines changed: 0 additions & 33 deletions
This file was deleted.

‎yf/index.html

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<!-- IE用户如果安装了Google Chrome Frame则使用GCF渲染，如果没有则使用IE最高版本 -->
7+
<meta name="renderer" content="webkit" />
8+
<!-- 双内核浏览器默认使用webkit内核，ie-comp：IE兼容模式、ie-stand：IE标准模式 -->
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
10+
<!-- 禁用手动缩放 -->
11+
<title>YF 非IE版</title>
12+
<link rel="stylesheet" href="css/base.css" />
13+
<link rel="stylesheet" href="css/widget.css" />
14+
15+
16+
17+
</head>
18+
<body>
19+
<p>主张放弃IE解决方案</p>
20+
21+
22+
23+
24+
25+
<nav class="menu fno">
26+
<ul class="fl xlist">
27+
<li class="current"><a href="#">首页</a></li>
28+
<li><a href="#">123</a></li>
29+
<li><a href="#">页面</a></li>
30+
<li><a href="#">页面</a></li>
31+
<li><a href="#">页面</a></li>
32+
<li><a href="#">页面</a></li>
33+
</ul>
34+
<aside class="banner fr"><img src="http://fpoimg.com/728x90?text=Image+Banner&bg_color=222222" alt="banner" /><!--end.banner--></aside>
35+
<!-- end.nav --></nav>
36+
37+
<form class="search" id="search" method="post" action="./">
38+
<input type="text" class="text" name="s" placeholder="请输入关键词" />
39+
<input type="submit" class="submit" value="搜索" />
40+
</form>
41+
42+
<div class="page-navigator">
43+
<ol class="fno">
44+
<li class="prev no"><a href="#"><em>&#139;</em>上一页</a></li>
45+
<li><a href="#">1</a></li>
46+
<li class="current"><a href="#">2</a></li>
47+
<li><a href="#">3</a></li>
48+
<li><a href="#">4</a></li>
49+
<li><a href="#">5</a></li>
50+
<li><a href="#">6</a></li>
51+
<li>...</li>
52+
<li><a href="#">88</a></li>
53+
<li class="next"><a href="#">下一页<em>&#155;</em></a></li>
54+
</ol>
55+
<!--end/.page-navigator/--></div>
56+
57+
<footer class="footer">&copy; 2014</footer>
58+
59+
60+
<form class="searchd" id="search" method="post" action="./">
61+
<input type="text" class="text" name="s" placeholder="请输入关键词" />
62+
<input type="submit" class="submit" value="搜索" />
63+
</form>
64+
65+
66+
67+
</body>
68+
</html>

‎yf/ltie9.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="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<!-- IE用户如果安装了Google Chrome Frame则使用GCF渲染，如果没有则使用IE最高版本 -->
7+
<meta name="renderer" content="webkit" />
8+
<!-- 双内核浏览器默认使用webkit内核，ie-comp：IE兼容模式、ie-stand：IE标准模式 -->
9+
<title>YF ie体验版</title>
10+
<meta name="Description" content="兼容IE9——IE6" />
11+
<meta name="Keywords" content="" />
12+
<link href="css/base.css" rel="stylesheet" />
13+
<link rel="stylesheet" href="css/widget.css" />
14+
<link rel="stylesheet" href="css/ltie9.css" />
15+
16+
17+
<!--[if lt IE 9]>
18+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
19+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
20+
<![endif]-->
21+
</head>
22+
<body>
23+
24+
</body>
25+
</html>

‎yf/themes/widget.css

Lines changed: 0 additions & 17 deletions
This file was deleted.

0 commit comments

Comments
 (0)