web前端基礎怎麼學習

2021-10-14 15:33:34 字數 777 閱讀 9971

web前端基礎怎麼學習,html基礎語法、常用的標記及一些概念性的知識:

概念性的知識:1、**的機構構成及web標準–w3c制定的xhtml/css標準及由ecma歐洲電腦廠商聯合會制定dom/bom/ecmascript標準。2、xhtml和html的區別等。

常用標記及分類:1、標記分類:常規標記及空標記。2、常用基礎標記:標題h1-h6、文字段落p、空格 、**table等。

基礎常用的表單作用域及組成、css層疊樣式表、css選擇符及權重、css文字相關屬性、背景屬性及浮動屬性的應用及原理。通過學習加強了對html的了解,知道了常用的選擇符、知道了表單不同的提交方式產生的不同差異、知道權重對前端頁面寫作的重要性等。

開始嘗試切頁面,接觸到了一些相容問題,知道了一些解決相容的問題:如高度塌陷萬能清除法、有縫隙等。文字溢位、如何量元素的大小、對齊方式、元素型別、元素轉換、偽物件選擇器、position定位、整合等。了解了網頁pc端頁面的製作及頁面的布局,可以更加條理及合理的製作出靜態頁面。

學習一些**、表單的高階標籤及屬性和h5新增加的一些標籤、盒子模型、彈性盒子、bfc概念、及標籤語義化等。結合新學知識製作出了一些特殊的布局和效果。通過學習更加標準化了頁面的製作。乙個效果可以通過不同的角度及方法實現,使頁面的布局方法更加靈活。

學習了移動端2倍圖的頁面製作及移動頁面製作相關了解、css3 漸變(gradients)、transition(過渡)、animation 動畫、css3 transform轉換、3d轉換 縮放 旋轉。通過學習可以製作出移動端的靜態頁面、簡單動畫。模擬製作了一些動畫效果,如環形旋轉、正方體3d轉等。

Web前端基礎學習 2

盒子模型 在頁面中,我們將所有的元素全部看做是乙個盒子,頁面布局就是將大大小小不同的盒子堆砌在一起,而乙個盒子由以下幾部分組成 padding 內邊距,內容到邊框的距離 margin 外邊距,其他盒子到當前盒子的邊框的距離 border 邊框 所以乙個元素在頁面中實際所佔的空間是 內容 paddin...

Web前端基礎學習 3

bfc block formatting context 塊級格式化上下文 生成bfc的方式 1 根元素 2 float屬性不為none 脫離文件流 3 position為absolute或者fixed的時候 4 display為inline block table cell table capti...

零基礎 學習web前端怎麼學好一點?

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下mar...