原创 HTML 文本格式化-文字方向(標籤)

文字方向是指從左到右還是從右到左。 例: <html> <body> <bdo dir="rtl">My name is lianglizhong</bdo> </body> </html> 顯示效果爲: 以上例子是從右到左,那如果從

原创 關於變量的傳遞方式

在JS中,變量到底是按值傳遞還是按引用傳遞的呢?要弄清楚這個問題,我們得首先熟悉下面的一些概念: 在JS中,數據類型分爲基本類型值(Undefined;Null;Boolean;Number;String)和引用類型值(即對象類型:Obj

原创 關於CSS中繼承、特殊性、重要性、層疊的理解

CSS繼承: CSS的某些樣式是具有繼承性的,那麼什麼是繼承呢?簡單的來說,繼承就是應用樣式的元素的後代會繼承樣式的某些屬性。         例:p{color;blue;}                <p>我愛<span>前端開發

原创 對CSS中各個選擇器的一些總結

類選擇器: 語法:類選擇器名稱{CSS樣式代碼;} 注意:A.英文原點開頭;            B.類選擇器名稱可以任意起(除中文名外),但第一位不能爲數字; 用法:用合適的標籤把要修飾的內容標記起來,然後再該標籤的開始標籤裏

原创 CSS深入理解流體特性和BFC特性下多欄自適應佈局

一、開篇之言 要說web上實現兩欄自適應佈局的方法,一雙手都數不過來。不知大家有沒有細想過,爲什麼這些方法可以實現自適應佈局呢? 本文就將深入探討下流體特性和BFC特性下的兩欄自適應佈局,還是針對傳統佈局。一些現代佈局,如彈性盒子模

原创 關於JS中作用域的一些理解

所謂的作用域,一句話概括就是:變量在聲明它們的函數體以及這個函數體內嵌套任何的函數體內都是有定義的。 由於函數本身也是一個變量,所以它也有作用域,函數的作用域和變量的作用域一樣,也是聲明其定義時所在的作用域,與運行時無關,即函數的作用域在

原创 關於width=100%時會出現滾動條的情況

我們常常會看到一些網頁永遠都是充滿屏幕的,不會出現水平方向的滾動條,那這些靈活的頁面佈局是怎樣做到的呢?而有些出現水平方向的滾動條的頁面又是因爲什麼原因呢? 例: 1.出現水平方向滾動條的頁面及代碼: <!DOCTYPE HTML> <h

原创 關於聖盃佈局和雙飛翼佈局

聖盃佈局和雙飛翼佈局講的都是三欄佈局,其中兩欄固定,中間自適應,兩者顯示的效果是一致的;另外由於沒有使用絕對定位position:absolute,所以可以避免發生當頁面內容比較多的時候用絕對定位導致的頁面佈局混亂到處飛的情況: 聖盃佈局

原创 關於JavaScript中函數的定義、對象以及對象實例化的理解

趁近段時間不是很忙,把之前有關JS學習的一些筆記整理了一下: 函數的定義:通俗點來講,函數是由事件驅動或者它被調用時執行的可重複使用的代碼塊。在JS中,函數的定義方式通常有以下幾種: (1)function語句(函數聲明): 語法:fun

原创 HTML 文本格式化-文字方向(<bdo>標籤)

文字方向是指從左到右還是從右到左。 例: <html> <body> <bdo dir="rtl">My name is lianglizhong</bdo> </body> </html> 顯示效果爲: 以上例子是從右到左,那如果從

原创 關於CSS樣式的一些小結

1.CSS代碼語法:CSS樣式由選擇器和聲明組成,聲明又由屬性和值組成,在英文大括號“{ }”中的就是聲明,屬性和值之間用英文冒號分隔,當有多條聲明時,中間可以用英文分號分隔:                              

原创 標籤語義化

    正確理解好標籤語義化對於網頁開發來說很重要,那到底什麼是標籤語義化呢?簡單的來講,標籤語義化是指明白各個標籤的作用和用途,即清楚在什麼情況下地使用該標籤合理? 標籤語義化的好處: 1.更容易被搜索引擎收錄; 2.更容易被屏幕閱讀器

原创 關於分組選擇符

作用:爲html中多個標籤元素設置同一個樣式 語法:h1,span{font-size:20px}             相當於下面兩行代碼             h1{font-size:20px}             span

原创 這幾天的自學總結匯總

1.<body></body>裏面的內容是網頁顯示的內容; 2.<hx>標籤在<body></body>裏面; 3.同時設置不同段落的字體大小和顏色: 例:讓第一個段落和第二個段落的font-size都爲16px。請不要爲第二個段

原创 網站與用戶進行交互——表單form

表單可以讓網站與用戶實現交互:表單通過用戶輸入的數據信息傳送到服務器端,這樣服務器就可以處理表單傳送過來的數據。 1. 語法:<form method=“傳送方式” action=“服務器文件”> 注意點:A.<form></form>是