摘要:頁面布局結構層搭我們的頁面框架。不需要使用浮動解決的問題盡量不用。使用浮動之后會使該元素脫標,宋體并且該元素的宋體。備注以后我們做定位的時候,盡量保持子絕父相。宋體宋體是一種協議,就是客戶端和服務端鏈接的一種協議。
頁面布局
結構層:搭我們的頁面框架。
布局層:針對框架內部結構進行排版。
不需要使用浮動解決的問題盡量不用。
使用浮動之后會使該元素脫標,并且該元素的margin。
div 盒子模型 :
就是一個容器,可以裝任何標簽。
細節性的問題塊級元素的寬如果沒有設置寬度,就是父級的寬,如果沒有設置高度根據內容而定。
結構選擇器
(同一父級下子標簽同級同標簽名時使用,用法 標簽名:nth-of-type(序號/或者說是第幾個)
div:nth-of-type(1)
單位問題 width
1.100px
2.百分比,給一個元素設置的寬是50%,那么這個50% 是相對他的父級。
position細說
position:relative;
left:100px;
top:100px;
position:absolute;
left:100px;
top:100px;
position:relative;如果設置值了,相對原來的位置進行調整
二者區別
z-index層次關系,可以改變元素的層疊位置,所有的標簽默認是0, z-index的值越大,該元素就在上方。
備注:以后我們做定位的時候,盡量保持”子絕父相”。
fixed 固定定位
position:fixed;
脫離標準流的屬性有哪些:float position:absolute position:fixed.
Position:static;靜態
form表單
action 提交的地址 就是你要提交到的網址(或后臺)如:
https://www.baidu.com
methods 提交方式 post 和get
get 是在http的url上提交不加密 post加密在http中的一個body對象上提交的。
http 是一種協議,就是客戶端和服務端鏈接的一種協議。超文本傳輸協議
下拉列表
1,定位讓元素居中
2.透明度 opacity
默認值是1 不透明 0是全透明
值是0-1之間
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1713.html
摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個屬性可以向服務器發送請求,宋體。宋體類型,客戶端和服務器之間的暗號,根據拓展名而定。注內容包含圖片和文字 background-position ?雪碧圖 我們的html和css中有三個屬性可以向服務器發送請求,src href url。 overflow (1)?值hidden 超出就隱藏 (2)?值scroll ?出現滾動條 vis...
摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態宋體宋體設值時1.transparent 透明的 2.placeholder 提示語 寫頁面 搞清結構層次, 保證模塊化,讓他們之間不能受到影響 (1)元素性質 (2)標準流 浮動帶來的脫離文檔流撐不起父級的高度...
摘要:宋體去滾動條的屬性宋體水平超出的隱藏。往往需要設置宋體為宋體滾動標簽他身上所具有的功能有標簽屬性決定。1.去滾動條的屬性 overflow:hidden; overflow-x:hidden; 水平超出的隱藏。 2.z-index 層次疊加 元素重疊 誰的值大誰在上面 (1)?父級出現position:relative;時候z-index失效 (2)?層疊元素出現float的時候...
摘要:宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的,這個差距是由瀏覽器自身的內核決定的。宋體每個瀏覽器都有自己的前綴,主要解決宋體中的兼容問題。宋體是彈性子元素在彈性容器中所占的份數。一 單位 1.px 就是一個基本的單位 像素 2.em 也是一個單位 用父級元素的字體大小乘以em前面的數字。如果父級沒有就繼承上一個父級直到body,如果body沒有那就默認是16px。 3.rem 也是一個單位,...
摘要:層疊行選不中的情況下,走繼承性。繼承性的權重為。選中情況下,首先需要考慮權重的問題,誰的權重大,就選誰的樣式屬性。如果權重相同,因為后者會覆蓋前者,所以誰的樣式屬性在后面,就選擇誰的樣式屬性。在上一章中,我們又引出了一個知識點: margin的問題 margin:0 auto;(上下為0,左右自適應)會解決元素的居中問題(auto 自適應)前提是給這個元素設置width 同時,我們又要學習新...
閱讀 727·2023-04-25 19:43
閱讀 3971·2021-11-30 14:52
閱讀 3796·2021-11-30 14:52
閱讀 3861·2021-11-29 11:00
閱讀 3791·2021-11-29 11:00
閱讀 3887·2021-11-29 11:00
閱讀 3568·2021-11-29 11:00
閱讀 6142·2021-11-29 11:00