前端筆記:2015/8/16

最近重新開始整理以前學過的前端內容,並開始對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。。。),其實這是非常不好的。
這裏,我新看到了一種方法,暫時記載在這裏,以後嘗試了,我會更新這個文章。
條件註釋:
其實就是條件判斷。
<!--[if IE]>所有ie可以識別<![endif]-->
<!--[if !IE]><!-->除了ie都可以<!--<![endif]>-->

條件註釋控制符:
! 非
& 與
| 或
lt,lte 小於,小於等於
gt,gte,大於,大於等於
(參考:css高效開發實戰 謝鬱 編著)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章