彈窗製作： 優化 css用模板字元串（裡面需要加一個style 標簽）插入的 ${'head'}.append(css) append()插入末尾prepend ()在 p 元素的開頭插入內容 $(".btn1").click(function(){ $("p").prepend("<b>Hello ...
彈窗製作：
優化 css用模板字元串（裡面需要加一個style 標簽）插入的
${'head'}.append(css)
append()插入末尾
prepend ()
在 p 元素的開頭插入內容
$(".btn1").click(function(){
$("p").prepend("<b>Hello world!</b>");
})
彈窗的垂直居中：
<div class='modal-container modal-remove'>看下麵，可單獨用.查找
.modal-alert {
margin: 0 auto;//單獨這個是不會居中的，需加上width
width: 200px;
opacity: 1;
}
.vertical-center { //上面那個不算絕對居中，加上這個才算
position: relative;
top: 50%;
transform: translateY(-50%);//為-是向上
}
margin後面是有4個參數的。例如：margin:1px 1px 1px 1px
分別表示 上、右、下、左。如果只寫2個參數的話，比如：margin：1px 2px
那麼著是代表 上下都為1px 左右都為2px.
至於居中，margin:0 auto 是標準的寫法
把罩子和彈窗分開放在一個容器內，不是彈窗放在罩子里
<div class='modal-container modal-remove'>
<div class='modal-mask'></div>
<div class="modal-alert vertical-center">
.modal-title {
text-align: center;//文字格式
font-size: 27px;//文字大小
background: lightblue;//背景色
}
div與button之間有縫隙，想要消除，把button放在一個div裡面，button的 border: 0;
兩個相鄰的button之間沒有縫隙，把他們父節點（只包括這兩個按鈕）的div的font-size：0，即字體不顯示
所有的button都是100%，沒有點了 button {
width: 100%;
}
隱藏是display;none 出現block
border的樣式http://www.w3school.com.cn/tiy/t.asp?f=csse_border-style
最後刪除時候，不要忘了刪除css，具體操作是把contain 與 css 添加一個相同class，最後刪除
瀏覽器里不顯示style的話，可能是display是none,改為block，block！important，或者inline-block，
自製屬性，data-*,如data-type='asd', $(event.target).data('type')這樣用
