前端筆記 2015 8 16

2021-07-04 15:05:06 字數 1142 閱讀 8081

最近重新開始整理以前學過的前端內容,並開始對css3的一些特殊屬性進行記憶。

在開始css3的內容之前,有必要對這半年來的有些混亂的前端知識進行一下梳理,以備明年大四的實習之路可以更順利一些。

—————————————————————————————

1.1 html

html漢語翻譯為超文字標記語言,成為國際標準後,由全球資訊網(w3c)維護。其文件最常見的擴充套件名為.html。

1.2 css

css漢語翻譯為層疊樣式表,當前絕大部分瀏覽器支援css 3標準。

很多網頁的一些樣式由於瀏覽器的束縛不得不採用ps進行製作,現在看來,這並不是一種好的方法。的載入會加重瀏覽器內容的負擔。未來的頁面,ps可以達到的,css都可以用編碼進行達到。

2.1 重要概念:盒模型

(不要把border那裡想的那麼寬。。。。。)

對乙個塊級元素的大部分樣式和定位都圍繞著這個模型進行。

margin:外邊距,這個通常是用在在塊級元素與塊級元素之間的定位,如兩個div的間距。預設透明。

border:這個是邊框,說白了,類似美圖上的那種相框的效果。我們可以為這個屬性加一些特效,比如像是單向陰影之類的,可以達到一些漂亮的效果。

padding:包含著內容,必要時,有撐開背景的作用。

——————————————————————————

背景應用於內容,內邊距和邊框組成的區域。

2.2 跨瀏覽器

這個問題,真的是仁者見仁,智者見智。

不過乙個好的**,還是會努力做到全瀏覽器功能完整。我通常為了一些新的css樣式會放棄一些瀏覽器(ie。。。),其實這是非常不好的。

這裡,我新看到了一種方法,暫時記載在這裡,以後嘗試了,我會更新這個文章。

條件注釋:

其實就是條件判斷。

除了ie都可以

條件注釋控制符:

! 非

& 與

| 或

lt,lte 小於,小於等於

gt,gte,大於,大於等於

(參考:css高效開發實戰 謝郁 編著)

html js jquery 前端筆記

動態新增div ajax實現搜尋功能 search keyup function 在某個div後動態新增div after 新的div jquery怎麼根據某個特定的值動態讓select下的option選中 select val 1 就可以讓下拉框為1的值選中。js實現select動態新增optio...

JAVA 前端筆記

html 結構 1.告訴網路爬蟲這個 是關於什麼內容的,方便讓網頁靠前,en是英文,zh是中文 2.這些都是屬於seo方法,讓網頁盡量靠前 3.常用標籤 段落標籤 刪除線 加粗 斜體,位址斜體加換行,塊容器 行容器,換行 單標籤 水平線 單標籤 4.紅 5.編輯器裡的空格 回車 很特殊,是英文單詞文...

前端筆記二

type控制input標籤的屬性,以下都是type控制的屬性 文字框 text name 名字 控制項名字 size 數字 控制項的長度 文字框的長度 單位不是畫素 px maxlength 數字 最長字元數 輸入框最多輸入的字數 value 內容字 文字框裡面的初始字 placeholder 內容...