原创 Web前端開發——CSS樣式（Ⅱ）背景、超鏈接樣式
目錄 1. CSS背景 1.1 基本屬性 1.2 文件組織形式 1.3 測試代碼 1.4 效果圖 2. CSS超鏈接 2.1 鏈接的四種狀態 2.2 測試代碼 2.3 效果圖 1. CSS背景 1.1 基本屬性 background-
2020-06-21 08:21:56
原创 Web前端開發——HTML之HTML標籤（Ⅵ）語義化 em、strong、dl、dt、dd、
目錄 1. Web語義化 2. em和strong標籤 2.1 測試代碼 2.2 效果圖 3. 自定義列表dl、列表項dt、 描述dd 3.1 測試代碼 3.2 效果圖 1. Web語義化 讓頁面具有良好的結構與含義，從而讓人和機器都
2020-06-21 08:21:56
原创 Web前端開發——HTML之HTML標籤（Ⅲ）img
目錄 1. img標籤格式 2. img圖片路徑 3. 幾種相對路徑 4. 案例 4.1 效果圖 4.2 組織形式 4.3 代碼 1. img標籤格式 插入圖像時使用 img標籤，img標籤是單個標籤，格式爲： <img src="路徑
2020-06-21 08:21:56
原创 史上最全最詳細的Anaconda安裝教程
目錄 1. Anaconda簡介 2. Anaconda安裝情況的選擇 2.1 情況一 2.1.1 Anaconda的下載 2.1.2 測試安裝 2.1.3 更改源 2.1.4 更新包 2.1.5 創建和管理虛擬環境 2.2 情況二 2.
2020-06-21 08:21:56
4
原创 Web前端開發——CSS佈局與定位之盒子模型（Ⅰ）
1. 盒子模型 1.1 盒子概念 頁面當中所有元素都可以看成一個盒子，每個盒子都佔據着定的頁面空間。它可以指的是頁面上的個區域，或者是圖片，導航欄、列表、表格等等段落 1.2 盒子組成 盒子模型首先要有內容 ，也就是盒子裏面裝着
2020-06-21 08:21:56
原创 Web前端開發——CSS樣式之CSS選擇器
1. CSS選擇器類型 css選擇器可分爲標籤選擇器、類別選擇器、ID選擇器，這裏的三種類型主要針對內嵌樣式和單獨文件樣式而言 1.1 標籤選擇器 1.1.1 測試代碼 <!DOCTYPE html> <html lang="en
2020-06-21 08:21:56
原创 Web前端開發——CSS樣式（Ⅰ）文本與文字樣式
目錄 1. 單位 2. 顏色 3. 文本 3.1 字符間距letter-spacing 3.2 行高line-height 3.2.1 基本概念 3.2.2 行高的應用——居中垂直對齊效果 3.3 對齊方式text-align 3.4 裝
2020-06-21 08:21:56
原创 Web前端開發——HTML之亂碼問題
1.幾種編碼格式 ASCII：數字、英文字母、符號進行了編碼，但沒有中文編碼 GB2312：簡體中文進行了編碼，但沒有其他編碼 Unicode：所有語言，但體積過大 UTF-8：所有語言，佔用空間更小 因此UTF-8爲主流的編碼格式
2020-06-21 08:21:56
原创 Web前端開發——HTML之HTML標籤（Ⅰ）h1~h6、p、br、pre、span、hr
目錄 1 HTML標籤 1.1 標題 h1~h6 1.1.1 測試代碼 1.1.2 運行結果 1.2 段落 p 1.2.1 測試代碼 1.2.2 運行結果 1.3 段內換行 br 1.3.1 測試代碼 1.3.2 運行結果 1.4 空
2020-06-21 08:21:56
原创 Web前端開發——CSS樣式（Ⅲ）列表、表格樣式
1. 列表 這裏的列表樣式指的是無序列表u1、有序列表ol的共用樣式 1.1 list-style 表示將列表的所有子樣式，都放在一個屬性當中聲明出來 1.2 list-style-image 它可以規定這個列表的標號是一幅圖
2020-06-21 08:21:56
原创 Web前端開發——div標籤父層與子層大小關係
1. div標籤未定義父層大小時父層自適應子層大小 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl
2020-06-21 08:21:56
3
原创 Cartopy安裝教程之pip篇
Cartopy有兩種安裝方法，一種是通過Anaconda安裝，另一種是直接通過pip安裝。 前者安裝較爲簡單，裝好Anaconda後參考http://gnss.help/2018/01/30/cartopy-install-introdu
2020-06-21 08:21:56
原创 Web前端開發——CSS3之2D變換：transform屬性
1. 內容 這裏主要介紹旋轉和縮放屬性 2. 旋轉transform:rotate() 用法爲：transform:rotate( *deg)，其中*表示數字，數字爲正順時針旋轉，爲負逆時針旋轉，webstorm可用trsf快
2020-06-21 08:21:56
原创 Web前端開發——CSS3之圓角邊框與陰影
目錄 1. 內容 2. CSS新特性 3. 瀏覽器 3.1 瀏覽器前綴 3.2 瀏覽器支持度 4. 圓角邊框border-radius 4.1 基本用法 4.2 案例1 4.2 案例2 4.3 案例3 5. 陰影box-shadow
2020-06-21 08:21:56