菜鳥學前端之遍尋名師之混亂的筆記

2021-07-04 13:47:17 字數 1362 閱讀 2711

寫在前面:本系列文章僅用於作者記筆記方便回顧,其中絕大部分內容來自w3cschool,想要學習的可以直接去。

在學習標籤之前,將那幾個標準屬性(全域性屬性)談一下,要不然對標籤功能理解會有障礙。

accesskey:啟用元素的快捷鍵,通俗講就是定義乙個快捷鍵

以下元素支援 accesskey 屬性:, , , , , 以及 。

csdn

class:規定乙個類名classname,一般是為了css和js進行操作

乙個元素可以取多個classname,方便css進行多模式操作,也就是對其增加更多格式,只需在名字們中間加空格

a paragraph.

請注意這個重要的段落。:)

現在只需要知道內是定義格式的即可,我們對段落p通過兩個classname分別定義了字型顏色和居中,而對於h1,只進行了字型顏色

a paragraph.

請注意這個重要的段落。:)

這是乙個可編輯的段落

dir :規定元素內容的文字方向

從左往右的文字,反之為rtl

draggable:是否可拖動的,鏈結和影象預設可拖動true,auto則是瀏覽器預設。

dropzone: 

copy:拖動產生副本,move:資料會移動到被拖動的地方,link:產生原有資料的鏈結

hidden:

這個段落應該被隱藏。

id:id是唯一的,不像classname,但是功能差不多

lang:指明語言

spellcheck:

spellcheck 屬性規定是否對元素進行拼寫和語法檢查。很明顯是一種手段。

可以對以下內容進行拼寫檢查:

這是乙個段落。

style:

style 屬性規定元素的行內樣式(inline style)

style 屬性將覆蓋任何全域性的樣式設定,例如在 標籤或在外部樣式表中規定的樣式。

tabindex :當tab用於導航時,可規定tab的次序

title:title 屬性規定關於元素的額外資訊。

這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字(tooltip text)。

title 屬性常與 form 以及 a 元素一同使用,以提供關於輸入格式和鏈結目標的資訊。同時它也是 abbr 和 acronym 元素的必需屬性。

就是滑鼠放在上面會有更多資訊

感覺好亂的樣子,不過就先這樣,開始學習標籤

後端學前端之css

注意 css的注釋,只能使用 css cascading style sheets 層疊樣式表,是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化 層疊 ...

重學前端之 關於閉包

剛開始學習前端的時候,學習閉包暈頭轉向,都不知道什麼是什麼,在接觸變成一段時間後發現因為自己基本功不紮實的原因導致基本概念不理解所以對閉包根本無法掌握,這篇文章以我自己的理解記錄一下學習對於閉包的學習歷程。區域性變數 可以簡單理解成函式內部申明的變數 全域性變數 可以簡單理解成最外層被申明的變數 複...

重新開始學前端之浮動

1.浮動 1.1 什麼是浮動 float是乙個css定位屬性,要了解他的目的和起源,我們可以看看印刷設計,在列印布局中,可以將影象設定到頁面中,使得文字根據需要環繞他們。而在頁面中浮動是這樣工作的 浮動元素會脫離正常的文件布局流,並吸附在其父容器的左邊 右邊 float left right 在正常...