当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

切版

切版网框架
授权协议 Apache
开发语言 HTML/CSS
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 国产
投 递 者 郭和硕
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

切版css1.0是切版网目前内部使用的框架,甚至于不算是一个框架,它只是提供了一个可靠的基础去创建你一个前端项目,提供了一段来自经验的css重写,并且约束了一些命名上的规范。

它没法和成熟的css框架媲美,只是一些乐于分享的代码片段。


关于命名的极简主义

view--vw

nav--nv

left--lt

right--rt

head -- hd

body --bd

foot --ft

list--lst

wrap--wp

标配

.about_view_left{
width:auto;	
}
.about_list_right{
width:auto;
}

瘦身

  .ab_vw_lt{
width:auto;	
}
.ab_lst_rt{
width:auto;
}

图片规范

图片命名以img_01.png 依次往后面顺,大banner图片,数据图片均保存为jpg图片,透明图片、小图标之类都存储为png24图片。

结构用途的图片放入img目录,数据图片放入images目录下。

如果涉及到多人协作

如果涉及到多人协作,通过 style_wz(人名首字母).css命名;图片命名以人名(wz_1.png)命名。

文档

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>切版</title>
<!--基础样式-->
<link rel="stylesheet" href="css/qieban.css">
<!--css3动画库-->
<link rel="stylesheet" href="css/animate.min.css">
<!--自己书写css的地方-->
<link rel="stylesheet" href="css/style.css">
<!--书写响应式代码的地方-->
<link rel="stylesheet" href="css/responsive.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<!--低版本浏览器添加html5支持-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]--> 
</head>
<body>
<!--添加jquery库文件-->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--好用小巧的响应式幻灯片-->
<script type="text/javascript" src="js/jquery.glide.js"></script>
<!--添加css3前缀支持-->
<script type="text/javascript" src="js/prefixfree.min.js"></script>
<!--快速让网站绚丽起来-->
<script type="text/javascript" src="js/wow.min.js"></script>
<!--自己写JS的地方-->
<script type="text/javascript" src="js/script.js"></script> 
</body>
</html>

响应式

@media only screen and (max-width:800px) {
}

旋转

/*360旋转*/
@keyframes spin {
0% {
   	transform:rotate(0deg);
 }
 100% {
   	transform:rotate(-360deg);
 }
}
 相关资料
  • 关于剪切蒙版 剪切蒙版是一个可以用其形状遮盖其他图稿的对象,因此使用剪切蒙版,您只能看到蒙版形状内的区域,从效果上来说,就是将图稿裁剪为蒙版的形状。剪切蒙版和遮盖的对象称为剪切组合。可以通过选择的两个或多个对象或者一个组或图层中的所有对象来建立剪切组合。 对象级剪切组合在 “图层 ”面板中组合成一组。如果创建图层级剪切组合,则图层顶部的对象会剪切下面的所有对象。对对象级剪切组合执行的所有操作(如变

  • update to revision:更新到指定版本。    

  • 问题内容: 故事:我拥有的其中一个应用程序可以在python 2.4上工作,而另一个可以在2.6上工作。我试图将python2.4链接到python,并且在ubuntu麻烦时事情开始崩溃。现在我正在下载2.4的每个依赖项,并使用python2.4 setup.py install进行安装。依赖性似乎是无限的。 问题1:我将如何告诉任何要使用版本的框架,例如pf python,如day django

  • 问题内容: 我正在用nginx和uwsgi运行django应用程序。一切正常,但突然之间我不知道自己更改了应用程序停止工作了。 问题在于uWsgi的python版本是2.4.3,这是Linux CentOs中的默认版本,我已经在2.7.3版中安装了django,webpy和其他python发行版(将尽快升级)。 我还尝试在usr / bin中创建从python 2.7路径到“ python”的符号

  • update to revision:更新到指定版本。  

  • 选择一个或多个切片 执行下列操作之一: 选择切片选择工具 并在图像中单击相应的切片。处理重叠切片时,单击底层切片的可见部分选择底层切片。 选择切片选择工具,然后按住 Shift 键单击,以便将切片添加到选区。 在“存储为 Web 和设备所用格式”对话框中选择切片选择工具,在自动切片内或图像区域外单击,然后在要选择的切片上拖移。(在用户切片内单击并拖动可移动切片。) 选取“文件”>“存储为 Web