4st WEEK BLOG:CSS girdlay註釋練習
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 100px;
}
.box1 {
grid-column: 1;
grid-row: 2;
}
<div class="wrapper"> <div class="box box1"><a href="">One</a></div> <div class="box box2"><a href="">Two</a></div> <div class="box box3"><a href="">Three</a></div> <div class="box box4"><a href="">Four</a></div> <div class="box box5"><a href="">Five</a></div> </div>
相關推薦
4st WEEK BLOG:CSS girdlay註釋練習
.wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 100px; } .box1 { grid-column: 1; grid-row: 2; } <div
css基礎 /**/ 註釋 簡單示例
.cn 設置 com ctype size -s tca css3 tex 禮悟: 公恒學思合行悟,尊師重道存感恩。葉見尋根三返一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉養身心,誠勸且行且珍惜。
6th week blog
pin 像素 right 相同 html sticky 尺寸 ont pixel 1.CSS單位px,em,fr,rem的比較 px:相對長度單位。像素(Pixels),計算機屏幕上的一個點。 em:相對長度單位。相對於當前對象內文本的字體尺寸。1em等於當前的字體尺寸,2
7th week blog
縮小 ech w3c 平臺 常用 window itl 失去焦點 因此 DOM: 文件對象模型(DocumentObjectModel,簡稱DOM),是W3C組織推薦的處理可擴展置標語言的標準編程接口。DocumentObjectModel的歷史可以追溯至1990年代後期微
CSS綜合小練習
src 缺席 href class con 分享圖片 pad html 麗江 CSS選擇器學了不少了,現在來實戰一下。<!DOCTYPE html> <html lang="en"> <head> <meta charset
8th week blog
nts 3.3 spec efault 下標 regex bstr regexp 對象 mutable 1,Specific word count: #region while (true) { Console.WriteLine("輸入要查詢的詞語:"
8th week blog 1
查找 element () button oct != index char innerhtml <!DOCTYPE html><html><head> <title>查找</title> <meta c
9th week blog
scheme arm 80年 script 正式 智能 結果 博客 世界 1、第一個計算機語言:Fortran Fortran I誕生於1957年,由IBM設計,是世界上第一個真正的計算機語言。 Fortran I運行於IBM 704計算機上。 Fortran
7th week blog(BOM&DOM)
關於DOM & BOM概念的起源(source),方法(methods),內容(contents),應用(application) DOM(起源):檔案物件模型(DocumentObjectModel,簡稱DOM),是W3C組織推薦的處理可擴充套件置標語言的標準程式設計介面。DocumentObje
10th week blog
一:object and constructor comprison 物件字面量執行速度更快,因為它們可以在解析的時候被優化:它們不需要"作用域解析(scope resolution)";因為存在我們建立了一個同名的建構函式Object()的可能,當我們呼叫Object()的時候,解析器需要順著作用域鏈從當
6th week blog(2)
fixed:元素將從常規文件流中刪除,並且不會為頁面佈局中的元素建立任何空間。它的位置相對於初始位置。它允許框架樣式佈局。在頁式媒體如列印輸出中,一個固定元素會出現於第一頁的相同位置。這可以用來建立一個“浮動”元素,不管滾動如何,它都停留在相同的位置。sticky:元素根據文件的正常流程定位,然後相對於其最近
11th week blog
image blog 實踐 response content img sof fun hot JSON實踐 html代碼: 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <me
9th week blog(History of Program)
object的發展史: 一.面向物件的發展史。(分為三個階段) (一)初級階段 20世紀60年代挪威計算中心開發的Simula 67,首先引入了類的概念和繼承機制,它是面嚮物件語言的先驅。該語言的誕生是面向物件發展史上的第一個里程碑。隨後20世紀70年代的CLU、併發Pascal
10th Week Blog 4 Event Flow
Event flow(事件流) 流: 流的概念,在現今的JavaScript中隨處可見。比如說React中的單向資料流,Node中的流,又或是今天本文所講的DOM事件流。都是流的一種生動體現。至於流的具體概念,我們採用下文的解釋: 用術語說流是對輸入輸出裝置的抽象。以程式的角度說,流是具有方向的資料
2nd WEEK BLOG:RegisterForm Test
程式碼 : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>註冊</title> <link rel="
8th WEEK BLOG:JS正則表示式
例題:將“Paul;Puala,Pauline,paul,Paul”中的Paul替換成Ringo <!DOCTYPE html> <html> <body> <p>將下文中"Paul"全部替換成"Ringo":</
h5學習筆記: css佈局案例練習
今天練習一下css相關的佈局,沒有寫互動內容。在css佈局中,發現也不少不熟悉的地方。只是沒有形成概念,其次對一些用法比較模糊。日後需要加強一下這些。對平衡的兩個div應該如何處理,還要繼續想想辦法。
CSS選擇器練習答案
1、plate2、bento3、#fancy4、plate apple5、#fancy pickle6、.small7、orange.small8、bento orange.small9、plate,bento10、*11、plate *12、plate+apple13、be
2016 08 10 css選擇器練習——常用屬性
作業一: /*設定字間距*/ letter-spacing:10px; /* 設定中劃線 text-decoration是用來設定劃線的,常用的還有uderline和none */ text-