從零開始學習前端開發 — 1、HTML基礎
一、web標準
web標準-網頁制作的標準,它是由一系列標準組成的,主要包含三個方面:
結構(html,xhtml),表現(css),行為(javascript)
註:結構和表現的標準由w3c(萬維網聯盟)制定,行為標準由ECMA(歐洲電腦廠商聯合會)制定
二、html相關概念
1.html—超文本標記語言
2.xhtml—可擴展的超文本標記語言
3.html5—html的第五次重大修改
註:html和xhtml的區別:
XHTML規範:必須小寫,有開始結束標簽,屬性也用雙引號。
HTML規範:不區分大小寫,有開始和結束標簽,也可把結束標簽放在開始標簽裏,如:<input type=‘text‘ /> 。屬性可用雙引號、單引號(必須配對使用)。
xhtml相對於html並沒有增加新的標簽,只是語法要求更加嚴格,比如:
相關推薦
從零開始學習前端開發 — 1、HTML基礎
大小 lpad 文件夾 check 受限 安全性 瀏覽器兼容 列表 type 一、web標準 web標準-網頁制作的標準,它是由一系列標準組成的,主要包含三個方面: 結構(html,xhtml),表現(css),行為(javascript) 註:結構和表現的標準由w3
從零開始學習前端開發 — 3、CSS盒模型
左右 color 方法 盒子模型 圖片 enter das 設置方法 left ★ 盒子模型 (標準的盒模型) css盒模型的概念及組成 css盒模型是css的基石,每個html標簽都可以看作是一個盒模型。 css盒模型是由內容(content),補白或填充(paddi
從零開始學習前端開發 — 4、容器溢出
psi body gpo val 如果 設置 保留 post size 一、容器溢出 語法:overflow:visible|hidden|scroll|auto|inherit; visible:默認值,溢出內容不會被裁剪,正常顯示 hidden: 溢出內容隱藏不可見 s
從零開始學習前端開發 — 3、元素類型
元素 自己 決定 right htm inpu 有效 add float 一、元素類型分類 html元素可分為三大類:塊元素,內聯元素,可變元素 1.塊元素 常見塊元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,fieldset
從零開始學習前端開發 — 6、CSS寬高自適應
完全 content 代碼 部分 隱藏 -h 描述 tex tom 一、寬度自適應 語法:width:100%; 註: a)塊狀元素的默認寬度為100% b) 當給元素設置寬度為100%時,繼承父元素的寬度 c) 通常使用寬度自適應實現通欄效果 二、高度自適應 語法:hei
從零開始學習前端開發 — 7、常見瀏覽器兼容性問題及圖片整合技術
火狐 其中 針對 大小 webkit 最新 opacity屬性 引擎優化 pac 一、常見瀏覽器兼容性問題 1.雙倍浮動bug 描述:塊狀元素設置了float後,又設置了橫向的margin,在IE6下顯示的margin值要比設置的值大 解決方案: 給float的元素添加di
從零開始學習前端開發 — 5、CSS布局模型
class width 數值 clas avi 樣式 固定 eight 層疊 一、css布局模型 1.流動模型(Flow) 元素在不設置css樣式時的布局模型,是塊元素就獨占一行,是內聯元素就在一行逐個進行顯示 2.浮動模型(Float) 使用float屬性來進行網頁布局,
從零開始學習前端開發 — 15、CSS3變形基礎過渡、動畫
steps 方式 css3動畫 rec step round 保持 start radius 一、css3過渡 語法: transition: 過渡屬性 過渡時間 延遲時間 過渡方式; 1.過渡屬性(transition-property) 取值:all 所有發生變化的cs
從零開始學習前端開發 — 17、CSS3背景與漸變
text 從零開始 spa circle gradient 需要 box style 內容 一、css3背景切割: background-clip:border-box|padding-box|content-box; 作用: 用來設置背景的可見區域 a) border-b
從零開始學習前端JAVASCRIPT — 5、JavaScript基礎ES5
blog rip 修正 項目 單個 方向 light console 重復 1:ES5簡介 ECMAScript 5.1 (或僅 ES5) 是ECMAScript(基於JavaScript的規範)標準的修正。 與HTML5規範進程本質類似,ES5通過對現有JavaScrip
從零開始學習前端JAVASCRIPT — 5、JavaScript基礎BOM
form 父窗口 關閉 load confirm 滾動條 分享 agent 負數 1:BOM(Browser Object Model)概念 window對象是BOM中所有對象的核心。 2:window屬性(較少用) self:self代表自己,相當於windo
從零開始學習前端JAVASCRIPT — 4、JavaScript基礎Math和Date對象的介紹
日期格 3.6 一次函數 gety 位置 隨機 urn margin 開始 Math對象的介紹 1:Math對象 Math 對象用於執行數學任務。並不像 Date 和 String 那樣是對象的類,因此沒有構造函數 Math()。您無需創建它,通過把 Math 作為對
從零開始學習前端JAVASCRIPT — 3、JavaScript基礎string字符串介紹
con post ccf har 區分 nal ase star hid 1:字符串 JS中的任何數據類型都可以當作對象來看。所以string既是基本數據類型,又是對象。 2:聲明字符串 基本數據類型:var sStr = ‘字符串’; 對象的方法:var oStr =
從零開始學習前端JAVASCRIPT — 11、JavaScript基礎this指向的四種情況
事件 箭頭 註意 idt 轉移 如果 箭頭函數 javascrip function JavaScript中this的四種情況(非嚴格模式) 1、當this所在函數是事件處理函數時,this指向事件源。2、當this所在函數是構造函數時,this指向new出來的
從零開始學習iOS開發1:認識xcode
連接 啟動圖標 主動 認識 tor 音樂 滴滴打車 啟動 and 在開始之前還是不得不提一下iPhone應用開發的工具,我當然之前是沒接觸過iPhone開發,也沒使用過apple的不論什麽一種設備。所以我的概念中僅僅知道xcode是最專業的iOS開發工具。如今它是免費
從零開始學習前端JAVASCRIPT — 14、閉包與繼承
註意 退出 二次 需要 正常 def 解決 doc span 1:閉包 1 . 概念:閉包就是能夠讀取其他函數內部變量的函數。在JS中,只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解為”定義在一個函數內部的函數”。 2 . 閉包的特
從零開始學習OpenCL開發(一)架構
處理器 多媒體 c++ stl context 實驗 通用 必看 是你 同時存在 1 異構計算、GPGPU與OpenCL OpenCL是當前一個通用的由很多公司和組織共同發起的多CPU\GPU\其他芯片 異構計算(heterogeneous)的標準,它是跨平臺的。旨在充
我是如何從零開始學習前端的
首先,我是個文科生,大學裡只學過vb,覺得計算機程式設計這東西太玄乎,不是我玩得轉的。 後來機緣巧合去做了一家網際網路創業公司的HR,閱了上千份程式設計師的簡歷,面了上百個不同水平不同領域的程式設計師。跟程式設計師接觸得越多,我越覺得程式設計是一件很有挑戰、很有趣的事情。尤其是前端這一塊,結識了
從零開始學習敏捷開發(一)
一、敏捷開發--歷史背景: 20世紀60年代:軟體作坊,軟體規模小,以作坊式開發為主; 70年代:軟體危機,硬體飛速發展,軟體規模和複雜度激增,引發軟體危機; 80年代:軟體過程控制,引入成熟生產製造管理方法,以“過程為中心”分階段來控制軟體開發(瀑布模型),一定程度上緩解了軟體危機; 90年代:
【平行計算-CUDA開發】從零開始學習OpenCL開發(一)架構
本文將作為我《從零開始做OpenCL開發》系列文章的第一篇。 1 異構計算、GPGPU與OpenCL OpenCL是當前一個通用的由很多公司和組織共同發起的多CPU\GPU\其他晶片 異構計算(heterogeneous)的標準,它是跨平臺的。旨在充分利用G