原创 html塊、行內塊、行內元素
html塊、行內塊、行內元素 塊級元素： <div>、<p>、<h1-5>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul-li>、<address 特性： 1.
2020-07-03 21:43:21
1
原创 css盒模型、BFC
css盒模型 盒模型的概念 css定義所有的元素都可以項盒子一樣的外形和平面空間，它是CSS佈局的基石，規定了網頁元素如何顯示以及元素之間的相互關係； 盒子模型有兩種，分別是 ie 盒子模型和標準 w3c 盒子模型 盒模型
2020-04-11 05:30:39
原创 門票計算 js
故宮的門票實行的是淡季票價和旺季票價。淡季從11月1日——3月31日，票價爲40元。旺季從4月1日——10月31日， 票價爲60元。並且故宮爲一些特殊人羣提供了門票優惠政策： 1.2米一下的兒童免票。 大中小學生門票20元。 離退休人
2019-01-07 16:09:55
原创 新稅收計算
新稅收計算 Document 在線計算 <script> var s = eval("3000 * 0.03 + (12000 - 3000) * 0.1 + (25000 - 1200
2019-01-07 16:09:55
原创 javaScript基本語法
1.什麼是JavaScript語法？ 書寫JavaScript代碼語句的方法。 2.JavaScript代碼語句寫在哪裏？ (1)概述 1. 瀏覽器控制檯 2. 網頁的script標籤（類比內嵌式css） 3. 寫在單獨的js文件內，
2018-12-17 15:31:33
原创 使用HBuilder打包移動端
一、什麼是HBuilder HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。 HBuilder本身主體是由Java編寫。 它基於Ec
2018-12-14 14:45:37
原创 vscode安裝使用教程
一、什麼是vscode** Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段
2018-12-12 14:50:26
原创 flex佈局示例：骰子的製作
html代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
2018-12-12 14:50:26
2
原创 vertical-align筆記
vertical-align筆記 1.vertical-align作用 ① 控制單元格內容的垂直對齊方式。 ② 控制多個行內（塊）元素在一行上的垂直對齊方式 ③ 控制行內（塊）元素相對其父元素垂直對齊方式 注意： vertical-a
2018-12-07 14:27:50
原创 變形轉換
變形轉換 屬性：transfrom 1.Translate----位移 概念 該屬性值可以讓元素從當前位置根據X軸Y軸，在水平和垂直方向進行移動。 注意： 在瀏覽器中一般只要說到x,y軸，那麼基本是都是以下面方式計算原點和方向
2018-12-07 14:27:50
原创 過度與動畫
css 過度與動畫 過度 流程： ① 給要過渡的元素設置初始狀態； ② 設置要過渡的元素設置最終狀態； ③ 給要過渡的html標籤設置過渡屬性【必須值爲過渡時間】 示例： <!DOCTYPE html> <html lang="
2018-12-07 14:27:50
原创 CSS字體和文本樣式設置筆記
CSS字體和文本樣式設置 1.字體類型（風格） font-style 用於設置字體類型，可設置以下值： ① normal：普通字體 ② italic：斜體 ③ oblique：傾斜字體 2.字體粗細 font-weight 用於設置字
2018-11-30 15:31:40
原创 css樣式和盒子模型手記
css樣式 checkbox 設置width和height設置：auto;恢復初始狀態。 text-indent縮進 該屬性是用於“行內元素”設置每個段落首行縮進數量值的屬性， CSS字體大小（font-size）可以設
2018-11-30 15:31:40
原创 CSS使用方式及選擇器
CSS概述 1.CSS，全稱“Cascading Style Sheets”，用於設置HTML標籤的樣式，它的基本結構如下： 基本結構 div{width: 480px; height: 320px; } 包含：選擇符div;
2018-11-28 13:01:57
原创 表格和表單
表格和表單 表格標籤<table></table> 表格標籤（table）概述 1.具有使網頁展示表格形式內容的標籤-------table標籤 2.表格標籤爲雙標籤，寫法如下： <table></table> 3.表格標籤默認情況是
2018-11-28 13:01:57