原创 HTML5系列-語義化標籤
1.內容標題 標題使用 h1 ~ h6 來定義，用於突出顯示文檔內容。 從 h1到h6對搜索引擎來說權重會越來越小 頁面中最好只有一個h1標籤 標題最好不要嵌套如 h1內部包含 h2 2.頁眉頁腳 header header標籤用於定義
2020-06-19 18:34:29
原创 HTML5系例-form表單
1.FORM表單 <form action="url" method="POST" novalidate> <label for="title">標題</label> <input type="text" name="t
2020-06-19 17:34:21
原创 css系列-樣式權重
樣式權重 元素會被多個樣式一層層作用，這就是層疊樣式表的來源。如果多個樣式做用在元素上就會產生優先級權重問題。 使用類、ID、僞類都有不同的權重，具體應用哪條規則要看權限大小。 相同權重的規則應用最後出現的 可以使用 !important
2020-06-19 16:47:02
原创 HTML5系列-a鏈接
<a href="https://blog.csdn.net/zqd_java" target="_blank" title="CSDN">個人主頁</a> 參數 說明 href 跳轉地址 target _blank 新窗口打開 _se
2020-06-19 16:47:02
原创 css系列-盒子模型
下而是基本使用示例 <style> a { display: inline-block; border: solid 1px #ddd; text-align: center; padding: 1
2020-06-19 16:47:02
原创 css系列-transform變形動畫
基礎知識 #座標系統 要使用元素變形操作需要掌握座標軸，然後通過改變不同座標來控制元素的變形。 X軸是水平軸 Y軸是垂直軸 Z軸是縱深軸 #變形操作 使用 transform 規則控制元素的變形操作，包括控制移動、旋轉、傾斜、3D轉換等
2020-06-19 16:47:02
原创 HTML5系列-table表格
1.基本使用 屬性 說明 caption 表格標題 thead 表頭部分 tbody 表格主體部分 tfoot 表格尾部 <table border="1"> <thead> <tr>
2020-06-19 16:47:02
原创 HTML5系列-文字標籤
1.p標籤標記了一個段落內容。 <p>p段落標籤</p> 2.pre原樣顯示文本內容包括空白、換行等。 <pre> pre能夠原樣顯示內容，比如多個空格 ，還有換行 都能顯示 </pre> 3.br 在h
2020-06-19 16:47:02
原创 css系列-font文本
字體設置 可以定義多個字體，系統會依次查找，比如 'Courier New' 字體不存在將使用 Courier 以此類推。 要使用通用字體，比如你電腦裏有 後盾人宋體 在你電腦可以正常顯示，但不保證在其他用戶電腦可以正常，因爲他們可能沒有
2020-06-19 16:47:02
原创 css系列-grid柵格佈局
柵格介紹 #名詞解釋 CSS 網格佈局(Grid Layout) 是CSS中最強大的佈局系統。 這是一個二維繫統，這意味着它可以同時處理列和行。 柵格系統與FLEX彈性佈局有相似之處理，都是由父容器包含多個項目元素的使用。 #兼容性 下
2020-06-19 16:47:02
原创 css系列-樣式4種聲明方式
1.外部樣式 使用 link 標籤引入外部樣式文件，需要注意以下幾點。 link 標籤放在 head 標籤內部 樣式文件要以 .css 爲擴展名 一個頁面往往需要引入多個樣式文件 屬性 說明 rel 定義當前文檔與被鏈接文檔之間的關係 h
2020-06-19 16:47:02
原创 js系列-基本類型和引用類型
#最新的 ECMAScript 標準定義了 8 種數據類型: 7 種原始類型: Boolean Null Undefined Number BigInt String Symbol 和 Object #類型檢測：typeof
2020-04-20 17:53:15
原创 js系列-string字符串，模板字面量
#定義方式 //字面量 let str = 'abc'; console.log(str);//'abc' //對象方式 let strob = new String('abc'); co
2020-04-20 17:53:15
原创 js系列-for循環for in，for of，forEach循環遍歷
1.for循環：使用最平凡，但注意使用let定義變量，原因上篇文章已說明 for (let index = 0; index < array.length; index++) { } 2.for...in遍歷：用於遍歷對象的可枚舉屬性
2020-04-03 21:02:26
原创 css系列-transition過渡
動畫屬性 不是所有css屬性都有過渡效果，查看支持動畫的CSS屬性 ，一般來講有中間值的屬性都可以設置動畫如寬度、透明度等。 待補充...
2020-04-01 05:04:18