Week1前端學習

一.html+css筆記

1. 網頁的內容由很多個標簽構成

2. 以嚴格的縮進來表示包含關系

3. head部分用來包含文件的基本信息,內容不會在網頁中顯示

4. body中包含了網頁真正顯示的內容

5. <div>為分區(qū)顯示,<img>為圖片,<center>居中,<title>在head中表示網頁的總標題

6. style可以控制圖片大小,對齊方式和邊框寬度用法為< img src=”圖片名稱” style=”width:xx px;height: xx px;”>

7. CSS:把標簽的所有style屬性都寫在CSS文件里

8. 需要在CSS文件中加入全局變量*{margin: 0;padding: 0;}把頁面最上邊的縫隙去除

二.運用

1. 簡單頁面布局

在原設計的基礎上往中間加了四個邊框

2. Html+css的運用

Task2的源代碼中把style屬性都放在html文件中,我新建了一個css文件,把style屬性都放到了css文件中。



三.問題解決

1.打算加入4個邊框,但是加入后邊框并沒有在指定的位置。我開始以為是我的邊框設置得太大,后來把它們改小后還是沒有在指定的位置上。后來才發(fā)現是body中的<div>寫多了一個,導致大邊框與我要加進去的那四個邊框構成了并列關系而不是包含關系,刪除后問題得以解決。



?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • CSS樣式表 1.CSS概念 CSS是Cascading Style Sheet的縮寫,中文為層疊樣...
    超愛吃檸檬閱讀 609評論 0 0
  • Html+Css 大家都知道Web網頁是有結構標準(HTML標準) 樣式標準(CSS標準) 行為標準(JS標準...
    艾曼大山閱讀 1,075評論 2 11
  • 001、浮動不上去的原因 1、寬度不夠浮動不上去 2、前一個元素不浮動后一個元素加了浮動你也浮動不上去 3、都加了...
    JK醬閱讀 928評論 0 1
  • HTML5:布局類標簽 HTML是具有語義化的語言,針對網頁的布局,有一類標簽代表各種意義的“布局盒子”。所有的布...
    ljz2020閱讀 261評論 0 0
  • HTML+CSS 1.對WEB標準以及W3C的理解與認識 標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使...
    aymincoder閱讀 5,195評論 2 188

友情鏈接更多精彩內容