原创 CSS3變換、過渡、動畫效果
爲元素創建圓角 1.四個相同的圓角 -webkit-border-radius:10px; border-radius:10px; 2.一個圓角 -webkit-border-top-left-radius:10px; borde
2020-06-25 22:12:05
原创 HTML5的Rang對象
基本概念 Range對象代表頁面上的一段連續的區域。通過Range對象，可以獲取或修改網頁上的任何區域。 Selection與Range對象的使用 <body> <script> function ran
2020-06-25 22:11:55
原创 JavaScript+DOM編程藝術 第三章 DOM
DOM簡介 “Document Object Model” 1.HTML DOM：網頁被加載時，瀏覽器會創建文檔對象模型 2.DOM操作HTML：改變HTML的元素、屬性、CSS樣式、對所有事件作出反應 節點層次 基本方法 g
2020-06-25 22:11:55
原创 GitHub和Git（待補充）
倉庫（Repository）:存放項目代碼，每個項目對應一個倉庫。 收藏（Star） 複製（Fork）：克隆並生成新的倉庫，from某某。以此爲基礎修改或應用項目。pull request，源倉庫會查看修改，合併。 關注（W
2020-06-25 22:11:55
原创 CSS3背景相關新增屬性
background-clip border-box：充滿邊框和內邊距，內容. padding-box：充滿內邊距，內容 content-box：只充滿內容 background-origin border-box：在邊框開始
2020-06-25 22:11:55
原创 Html5與Css3Web字的屬性（六）
web字號 px（） 百分比（較常用） em（最常用）：一般1em=16px，相對單位。以父元素作參照系,父元素大小是不確定的 body{ font-size:100%; /*父元素默認爲16px*/ } h1
2020-06-25 22:11:55
原创 HTML5開發和佈局（待補充）
移動開發準則 1.儘量使用單頁面開發（SPA） 2.慎選UI框架 3.動畫、特效使用（60fps） **瀏覽器消耗最小的CSS屬性** 位置：transform:translate(x,y,z) 大小：transform:sc
2020-02-20 17:47:11
原创 Html5與Css3表單、文本框、複選框、image新增屬性（八）
css5新增的元素與屬性 表單內元素的屬性 1. form屬性 之前必須書寫在表單內部。而在Html5中，可以放在任何位置，爲元素指定一個form屬性，屬性值爲該表單的id，就可以聲明該元素屬於指定表單 //原來用法 <for
2020-02-20 17:47:11
原创 Html5與Css3顏色和選擇器（五）
css3更新的顏色 RGBA:紅、綠、藍、不透明度 rgba（89，0，127，0.4）; HSL和HSLA：色相、飽和度、亮度、不透明度 hsl(282,100%,25%); hsl(282,100%,25%,.75); 使用
2020-02-20 17:47:11
原创 JavaScript正則表達式
RegExp 檢索某一文本時，用正則表達式來描述要檢索的內容 簡單模式：可以是一個單獨的字符串 複雜模式：多種字符，用於解析、格式檢測、替換 可以規定字符串中檢索位置，以及要檢索的字符類型等 RegExp屬性 source:
2020-02-20 17:47:11
原创 Html5與Css3佈局、盒模型（七）
佈局 CSS設計代碼的結構 一、一般樣式 1.主題樣式 2.reset樣式 3.鏈接 4.標題 5.其他元素 /*@group general styles*/ 二、輔助樣式 1.表單 2.通知和錯誤 3.一致
2020-02-20 17:47:11
原创 HTML、CSS初級前端試題彙總（持續補充）
1.瀏覽器內核 IE：trident 前綴：-ms- Firefox:gecko 前綴：-moz- Safari:webkit 前綴：-webkit- Opera:以前是presto,現在是Blink 前綴：-o- C
2020-02-20 17:47:10
原创 精通css 第六章 (1)導航欄
下拉菜單 .nav li{ list-style-type: none; line-height: 30px; text-align: center; } .nav>li{ float: left;
2020-02-20 17:47:10
原创 照片牆
.container{ width: 960px; height: 450px; margin: 60px auto; position: relative;/*相對定位*/ } img{
2020-02-20 17:47:10
原创 Html5與Css3元素可見性、浮動、定位、對齊（九）
控制元素的顯示類型 塊級元素 dispaly：block； 行內元素（顯示設置設置寬度、高度不起作用） display:inline； 1.不接受padding設置，但padding-top和padding-bott
2020-02-20 17:47:10