布局:
header
body
footer
$(#).hide()
补充:
cursor:pointer; 针对A标签,鼠标变小手
A标签下划线消失:text-decoration:none
z-index:值,图层分布
圆角:border-radius:50%
.header.menu a:hover{}
鼠标点中变颜色
例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.header {
background-color: red;
}
.header .menu a{
padding: 15px;
}
.header .menu a:hover{ //header menu中间有空格,hover将所有的a标签背景颜色改为绿色
background-color: green; //
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<div class="menu">
<a href="#">菜单一</a>
<a href="#">菜单</a>
<a href="#">菜单</a>
</div>
</div>
</div>
</body>
</html>
小气泡例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.arrow{
display: inline-block;
border-top: 10px solid;
border-right: 10px solid;
border-bottom: 10px solid;
border-left: 10px solid;
border-top-color: transparent;
border-right-color: black;
border-bottom-color:transparent;
border-left-color: transparent;
}
</style>
</head>
<body>
<div class="arrow"> </div>
</body>
</html>
web 请求流程:
请求->socket->框架
html :views Templates
数据库:models
处理请求函数:Controllers viems
简称:mvc
Django
创建Django工程:
django-admin startproject sitename
创建app
python manage.py startapp appname
同步数据库
python manage.py syncdb
python manage.py makemigrations
python manage.py migrate
{%include%} 导入html
{%block%} 继承html,只继承一个
母板:{% block title %}{% endblock %}
子板:{% extends "base.html" %} //继承
{% block title %}{% endblock %}
整体布局时用母版,单独一块时使用include
母版引用方式:
在templates里面创建master目录,在master里面创建m1.html母版,然后在templates
下面创建子html,son1.html,然后再views下面定义函数,然后在urls.py下面定义url
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。