布局:
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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。