琪齐

空想终日彷徨行动方可无惧！

导航

前端补充

Posted on 2016-07-21 20:45  琪齐  阅读(93)  评论(0)    收藏  举报

前端补充

 

1、响应式布局

跟随分辨率的大小改变布局的形态和样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        @media(min-width:500px){
            .w6{
                width: 50%;
                float: left;
                background-color: #0e90d2;
            }
        }
        @media(min-width:600px){
            .w6{
                width: 50%;
                float: left;
                background-color: red;
            }
        }
    </style>
</head>
<body>
<div class="w6">123</div>
<div class="w6">456</div>

</body>
</html>

　　

2，网络上已经写好的模板实例；


-- 功能回顾

-- Bootstrap
http://www.bootcss.com/

-- Font Awesome
http://fontawesome.io/

-- bxslider
http://bxslider.com/

-- jQuery EasyUI
http://www.jeasyui.com/download/index.php

-- jQuery UI
http://jqueryui.com/

-- parsleyjs
http://parsleyjs.org/

-- jQuery Validate
http://jqueryvalidation.org/