margin介紹及網頁規劃思路

2021-10-04 08:59:18 字數 1171 閱讀 8132

margin用法 (外邊距、邊界)

1:margin在元素外圍,不會撐大元素的大小

2:作用:控制元素與元素之間的間距。

3:給單一方向新增margin

margin-left/right/top/bottom

4 :margin設定方法:

margin:30px; 四周

margin:10px 30px; 上下 左右

margin:10px 30px 50px 上 左右 下

margin:10px 30px 50px 100px 上右下左

5:margin:0 auto;

讓當前元素在父元素裡面左右居中。

6:margin常出現的bug

a:兩個相鄰元素上下的margin值 不會疊加 按照較大值設定。

b:如果父元素和第乙個子元素沒有浮動的情況下,給第乙個子元素新增margin-top,會錯誤放在父元素上面。

盒子在網頁中占有的真實空間:

占有的寬度:width+padding-left/right+border-left/right+margin-left/right

占有的高度:height+padding-top/bottom+border-top/bottom+margin-top/bottom

a.劃分外圍結構:id選用駝峰式命名法或者語義化。

eg:newsleft/news

b.版心的命名:連字元命名法。

eg:news-con

內容版快的命名:下劃線命名法。

eg:news_left

1.網頁盡可能地使用外部樣式表。

2.每乙個頁面都需要有屬於自己的樣式表。

3.每乙個**都擁有公共樣式。

4.每乙個**至少擁有乙個重置樣式的樣式表用來清除所有預設樣式。

index.css(首頁樣式表)

public.css(公共樣式表)

reset.css(重置樣式表)

外部樣式表首行:1.@charset"utf-8";

首行說明:用來宣告樣式表所使用的語言。

網頁骨架及介紹

如果是初學者想在web領域有所發展就必須學一門母語 html語言 也叫超文字標識語言 然後計算機才能知道你的想法,完美的執行你想表達的意思和操作 介紹完了html語言的作用,現在一起看看html語言的框架 及每一層框架所表達的意思來方便理解 文件型別定義 頁面標籤 身體標籤 以上便是html的基本框...

自我介紹及程式設計規劃

1.我是一名即將大二的一名工科男,在幼稚的少兒年代酷愛打遊戲對電腦也是充滿的無比濃厚的興趣,但是因為條件也沒有能夠即使培養興趣。不過現在也終於是有機會能夠幹自己喜歡的東西了,與計算機一決高下。2.之前也沒有接觸過程式設計,但是現在我接觸到了,未來也為與程式設計相處。在大二這這一年我要不斷努力熟練的掌...

職業規劃學習 自我介紹基礎思路

職業規劃 1.自我介紹 個人資訊 姓名,來自於xx,目前從事xx工作 行業,畢業於 只適用剛畢業 畢業學校比較有名的同學 面試xx職位 工作經驗 用一句話去描述 工作能力 對工作經驗的補充,要詳細地描述自己會什麼,我可以 能夠獨立編寫測試文件 熟悉linux和資料庫 能夠獨立使用python編寫自動...