front-end development 總結

       做了近1個月了,該是總結下的時候了。

     沒有什麼比閱讀源碼更好的學習方式了,另外就是配上notepad++


<meta>:用於設置一些頭信息

<style>…</style>定義CSS格式

<a>錨點標籤,鏈接標籤

./***相對路徑,../**上一級路徑

align 對齊方式,取left ,right

&nbsp空格

<p>…<p>分段落顯示

<div>…</div> <span>…</span>分塊顯示

<ul>…</ul><li type=“disc circle square”>…</li>符號列表

<form>,,,</form>表單

type=Radio單選,checkbox多選

文本框 text

<input type=“text” name=“” value=“” maxlength=“” size=“”>

maxlength – 最大字符長度

size – 文本框寬度(字符)

單選按鈕

<input type=“radio” name=“” value="" checked>

複選框

<input type=“checkbox” name=“” value=“” checked>

典型的用法 : 同一name,不同的value

隱藏域

<input type=“hidden” name=“” value=“”>

<input type=button name=“” value=“”>按下該按鈕沒有反映

<input type=submit name=“” value=“”>

按下該按鈕,該form中所有的輸入信息將被提交到服務器

text-indent:縮進

margin邊距屬性,padding填充屬性,border邊框屬性


DOM文檔對象模型,BOM瀏覽器對象模型。

div:指定渲染HTML的容器

span:指定內嵌文本容器

通俗地講就是如果裏面還有其他標籤的時候就用div,如果裏面只有文本就應該用span

div是一個塊級元素,用來爲HTML文檔內大塊的內容提供結構和背景

span是行內元素,在行內定義一個區域(也就是一行內可以被<span>劃分好幾個區域)

div標籤中可以鑲嵌span標籤,(div可以看做是一個大容器,span是一個小容器,大容器當然可以放下一個小容器


label標籤主要用於綁定一個表單元素, 當點擊label標籤的時候, 被綁定的表單元素就會獲得輸入焦點

span則是對普通的文本的一種容器。

<div class="content"></div>

<div>定義一個層`~
class=
是爲這個層指定一個樣式`
content-title即爲自己定義的一個CSS樣式`~

<label for="TextBox1">您的名字</label>  //當你點擊您的名字這幾個字實 讓TextBox1獲得焦點

strong代表加粗字體
class="replace_mark_60y"
代表給strong起個類名

&nbsp在html裏是空格

style="cursor: move;讓彈出的窗口可移動

text-decoration:none:去除下劃線

CSS就負責兩塊:定位和渲染。(樣式和佈局)

Html就是靜態頁面。

Js就是腳本語言,做動態的東西,如用戶操作的響應,和服務器的數據處理。

發佈了48 篇原創文章 · 獲贊 10 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章