數(shù)據(jù)類型JavaScript 的數(shù)據(jù)類型，可以大致分為以下幾種: 數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）字符串（string）：文本（比如Hello World）布爾值（boolean）：表示真?zhèn)蔚膬蓚€(gè)特殊值，即true（真）和fal...
變量和常量 變量是對(duì)值的具名引用，變量就是為“值”起名，然后引用這個(gè)名字，就等同于引用這個(gè)值。變量的名字就是變量名。變量的聲明和賦值是分開的兩個(gè)步驟var a =1;// 第一步var a;// 第二步a = 1;// 變量let a = 1;c...
實(shí)例 為了方便直接在我的博客站里創(chuàng)建了子目錄方便觀看 DEMO網(wǎng)站，請(qǐng)用手機(jī)打開http://blog.sofresh.top/0718/suning.html 代碼 &...
三個(gè)視口 想要深入理解視口首先要知道什么是物理像素，什么是CSS像素/設(shè)備獨(dú)立像素（density-independent pixel）以及什么是設(shè)備像素比 物理像素（physical pixel）一個(gè)像素是設(shè)備屏幕上最小的物理顯示單元，每個(gè)像素...
效果圖 代碼
容器屬性 display:grid：指定容器采用網(wǎng)格布局grid-template-rows：定義行和行高grid-template-columns：定義列和列寬grid-auto-rows：設(shè)置多余項(xiàng)目網(wǎng)格的行高grid-auto-columns：...
flex彈性布局Flex是Flexible Box的縮寫，意為”彈性布局”，用來為盒狀模型提供最大的靈活性。設(shè)為Flex布局以后，子元素的float、clear和vertical-align屬性將失效。 容器屬性 flex-direction 決定主...
定位基礎(chǔ) 基礎(chǔ)術(shù)語 定位元素：使用了position: relative / absolute / fixed的元素最初包含塊：html標(biāo)簽的父級(jí)，是看不見的，大多數(shù)情況下與瀏覽器視口表現(xiàn)一致，但不相同參照物：元素自身，祖先定位元素，最初包含塊 定位...
字體圖標(biāo) 流程 引入字體 css 文件引入圖標(biāo)類，修改圖標(biāo)編碼修改字體圖標(biāo)樣式
偽類選擇器常用偽類選擇器我們簡單分為三種 結(jié)構(gòu)偽類 :nth-of-type(n)選擇器匹配同類型中的第n個(gè)同級(jí)兄弟元素。參數(shù)是元素的索引。索引從1開始n可以是一個(gè)數(shù)字，一個(gè)關(guān)鍵字，或者一個(gè)公式使用公式（an+ b）.描述：a代表一個(gè)循環(huán)的大小，N是...
CSS樣式來源和優(yōu)先級(jí) CSS有三種樣式：內(nèi)聯(lián)樣式，內(nèi)部樣式，外部樣式樣式優(yōu)先級(jí)為：內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式 內(nèi)聯(lián)樣式在標(biāo)簽內(nèi)部通過style屬性設(shè)置元素樣式我是內(nèi)聯(lián)樣式 內(nèi)部樣式把樣式寫到head標(biāo)簽中的style標(biāo)簽中，通過選擇器，來設(shè)置元...
簡單的注冊頁面
使用HTML標(biāo)簽制作簡單的導(dǎo)航和課程表1.制作簡單的圖文列表
markdown基礎(chǔ)語法1.標(biāo)題語法# 一級(jí)標(biāo)題## 二級(jí)標(biāo)題### 三級(jí)標(biāo)題#### 四級(jí)標(biāo)題##### 五級(jí)標(biāo)題###### 六級(jí)標(biāo)題#號(hào)越多標(biāo)題字體越小，盡量只用一到三級(jí)標(biāo)題2.列表語法2.1無序列表 無序列表使用-，+，*加上空格和內(nèi)容，可以...
