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