原创 Bootstrap-代碼風格
搭建個人博客時，可以用bootstrap來呈現不同的代碼風格，主要爲三種; 1、使用<code></code>顯示單行內聯代碼，針對單個單詞或句子，粉底紅字； 2、使用<pre></pre>顯示多行塊代碼，針對成塊代碼，可以添加類名“pr
2020-06-29 22:09:27
1
原创 小項目-倒計時時鐘
<style type="text/css"> div{ width:200px; height:100px; background-color:black; margin:0 auto; padding-top:20px;color:#
2020-06-29 22:09:27
原创 Bootstrap-表單
表單中常見元素主要是：文本輸入框、下拉選擇框、單選按鈕、複選按鈕、文本域和按鈕。 1、基礎表單（僅對錶單內的 fieldset、legend、label標籤進行定製）： 源碼： fieldset {min-width: 0;paddin
2020-02-21 04:47:00
原创 Bootstrap-列表
1、無序列表和有序列表使用方法與原來相同（也可以嵌套），只不過bootstrap對它樣式的margin值進行了調整； 源碼： ul,ol { margin-top: 0;margin-bottom: 10px;} ul ul,ol ul
2020-02-21 04:47:00
原创 Bootstrap-表格
1、Bootstrap爲表格的不同樣式提供了不同的類名（如<table class="table">）： .table：基礎表格 .table-striped：斑馬線表格 .table-bordered：帶邊框的表格
2020-02-21 04:47:00
原创 小項目-鼠標移入改變圖片透明度
<style type="text/css"> .main{width:630px;margin:0 auto;} ul{ width:630px;} ul:after{content:'.';display:block;clear:bo
2020-02-21 04:47:00
2
原创 Bootstrap-標題
一、bootstrap和html的寫法一樣，定義標題都是通過標籤的方式，但是bootstrap對樣式進行了重置，並且添加了.h1~.h6的類名讓不是標題的元素也能應用其樣式； 具體規則如下： 可得：1、h1~h3的ma
2020-02-21 04:47:00
原创 Bootstrap-表單控件
1、單行輸入框（input的type屬性值爲text） 用法： <form> <div class="form-group"> <input type="text" class="form-control" pla
2020-02-21 04:47:00
原创 Bootstrap-段落和文本
1、設置了全局的文本樣式，如下： 源碼： body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.
2020-02-21 04:47:00
原创 Bootstrap標準模板-慕課網筆記
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c
2020-02-21 04:47:00
原创 Bootstrap-表單控件大小和狀態
1、表單控件大小 可以通過設置控件height、line-height、padding和font-size等屬性實現控件高度的設置。 bootstrap中對input、textarea和select控件使用兩個類名來控制大小，但是都需要“
2020-02-21 04:47:00
原创 Node.js 用模塊組織代碼
創建程序時，不可能將所有代碼放在一個文件夾裏，而是按照邏輯相關性將其分解爲單個或多個文件。整合外部文件時，常常伴隨着全局命名空間被污染，爲了避免這個問題，Node 模塊允許你從被引入文件中選着要暴露給程序的函數和變量，如果模塊返回的
2018-09-04 13:04:22
原创 表單重置
1、設置重置按鈕 <!--通用重置按鈕--> <input type="reset" value="reset form"> <!--自定義重置按鈕--> <button type="reset">reset form</button>
2018-09-04 13:04:14
原创 基於HTML5 Canvas實現用戶交互
很多人都有這樣的疑問，基於HTML5 Canvas實現的元素怎麼和用戶進行交互？在這裏我們用到HT for Web（http://www.hightopo.com/guide/guide/core/beginners/ht-beginne
2018-09-04 13:04:11
3
原创 基於HTML5實現的矢量TP-LINK面板
相信仍舊有很多人看着HT開發的各種炫酷效果，卻無從着手，所以今天的主題是讓小白也能應用我們的HT做出簡單的圖形界面，我們就以TPLINK面板爲例子啦~~~ 先來看看我們的實現效果：點擊打開鏈接 開始前的準備工作 當然是導入我們的HT：
2018-09-04 13:04:11