iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

CSS、JS-30天研究筆記 系列

藉由30天分享CSS或JS筆記,強迫自己更加了解這二者特性、觀念與應用技巧。

鐵人鍊成 | 共 31 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 10

【day11】關於CSS outline屬性

一、 特性: 與用戶體驗息息相關,如: focus 狀態以及键盤訪問的狀態效果 不占任何空間,不影響元素的布局 設置方式類似border,不同的是無法指定方向...

2018-10-11 ‧ 由 Amy 分享
DAY 11

【day12】關於CSS與文字設定相關的屬性

一、font-size: 關鍵字屬性值與對應的 HTML 元素:*larger:是元素的預設 font-size 屬性值。*smaller:是元素的預設 fo...

2018-10-12 ‧ 由 Amy 分享
DAY 12

【day13】關於float與clear屬性

一、float: float屬性誕生的背景,是早期以table佈局的年代。當初float的創建並不是為了佈局而設計,float的出現原本是為了實現文字環繞效果...

2018-10-13 ‧ 由 Amy 分享
DAY 13

【day14】JS與JQ的加載模式

一、解決引入其他JS庫與JQ庫二者之間的衝突 JS與JQ的等待載入差異 寫法:window.onload 必須等待網頁內容(如圖片)全部載入完成才會執行...

2018-10-14 ‧ 由 Amy 分享
DAY 14

【day15】JS選取元素的方法和JQ選取器

一、JavaScript選取方法: getElementsByTagName() getElementsByClassName() getElementByI...

2018-10-15 ‧ 由 Amy 分享
DAY 15

【day16】jQuery過濾器(即"過濾選取器")

過濾選取器:類似CSS3的偽類選取器,可以讓不支援 CSS3 的低版本流覽器也能支援,並另外提供了很多獨有的篩檢程式。 一、 基本篩檢: $('元素名:fir...

2018-10-16 ‧ 由 Amy 分享
DAY 16

【day17】Query選取器的容錯功能:

因為動態生成DOM的行為,有時會選取到缺失不存在的元素,jQuery對於選擇到缺失不存在元素,並不報錯,但JavaScript會報錯。JavaScript可以用...

2018-10-17 ‧ 由 Amy 分享
DAY 17

【day18】BOM

BOM : 瀏覽器對象模型(Browser Object Model) 因各個流覽器提供商依不同方式擴展,所以較無統一規範 【window 對象】一、常用w...

2018-10-18 ‧ 由 Amy 分享
DAY 18

【day19】DOM-查找節點與屬性

一、DOM(Document Object Model)即文檔物件模型,建構層次化的節點樹,用於添加、移除或修改網頁的 某一部分。 二、節點種類: 元素節點...

2018-10-19 ‧ 由 Amy 分享
DAY 19

【day20】DOM節點屬性

一、節點(元素節點、屬性節點、文本節點)有三個屬性, 分別為:nodeName、nodeType 和 nodeValue。 節點類型 nodeName n...

2018-10-20 ‧ 由 Amy 分享