html常用小知识
請(qǐng)求重定向:加載頁(yè)面之后,除了用js做重定向之外,我們還可以直接用<meta>標(biāo)簽做重定向。
?1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> 5秒后跳轉(zhuǎn)?
?
超鏈接:在當(dāng)前的iframe中打開(kāi)新的頁(yè)面
1 <a href="demo03.html" target="_blank">我是一個(gè)超鏈接</a> 2 3 <iframe src="demo02.html" name="tom"></iframe>?
超鏈接發(fā)送郵件:
?1 <a href="mailto:abc@atguigu.com">聯(lián)系我們</a>?
?
css中字體大致分為五類:
?
text-decoration 屬性,用來(lái)給文本添加各個(gè)修飾。通過(guò)它可以為文本的
上方 下方 或者中間添加線條。
-underline 下劃線
-overline 上劃線
-line-through 刪除線
-none 無(wú)樣式
letter-spacing 用來(lái)設(shè)置字符之間的間距。
word-spacing 用來(lái)設(shè)置單詞之間的間距。
?
border: ?
none 默認(rèn)值,沒(méi)有邊框
solid 實(shí)線
dotted 點(diǎn)狀邊框
dashed 虛線
double 雙線
垂直外邊距的重疊
在網(wǎng)頁(yè)中垂直方向的相鄰?fù)膺吘鄷?huì)發(fā)生外邊距的重疊
所謂的外邊距重疊指兄弟元素之間的相鄰?fù)膺吘鄷?huì)取最大值,
而不是取和
超鏈接:
?將一個(gè)內(nèi)聯(lián)元素變?yōu)閴K級(jí)元素
?display:block; 塊
?display:inline; 內(nèi)聯(lián)元素
?display:inline-block;將一個(gè)元素轉(zhuǎn)換為行內(nèi)塊元素
?既有行內(nèi)元素特點(diǎn)? 又有塊元素特定
display:none; 子元素不會(huì)被顯示? 并且不會(huì)再頁(yè)面占有位置。
visibility: 用來(lái)設(shè)置元素的隱藏和顯示的狀態(tài)。
?? ??? ?visible? 默認(rèn)值,顯示
?? ??? ?hidden? 元素隱藏不會(huì)顯示
但是位置會(huì)依然占據(jù)位置。
overflow ?
?? ?
?? ??? ?visible? 默認(rèn)值,子元素溢出
?? ??? ?hidden? 溢出的內(nèi)容會(huì)被修剪,不會(huì)保存
?? ??? ?scroll? 為父元素添加滾動(dòng)條。該屬性無(wú)論是否溢出,都會(huì)有滾動(dòng)條
?? ??? ?auto? 根據(jù)需求添加滾動(dòng)條。
當(dāng)元素的高度或者寬度為auto.此時(shí)指定內(nèi)邊距不會(huì)影響可見(jiàn)
框的大小。而是會(huì)自動(dòng)修改寬度和高度,以適應(yīng)內(nèi)邊距
塊元素在文檔流中的高度默認(rèn)被內(nèi)容撐開(kāi)。
在文檔流中,內(nèi)聯(lián)元素的寬度和高度默認(rèn)都被內(nèi)容撐開(kāi)。
浮動(dòng)的文字不會(huì)蓋住文字。 文字會(huì)自動(dòng)環(huán)繞在元素的周圍。
內(nèi)聯(lián)元素脫離文檔流之后,會(huì)變?yōu)閴K級(jí)元素。
本文轉(zhuǎn)載于:猿2048https://www.mk2048.com/blog/blog.php?id=0aa0ab&title=html常用小知識(shí)
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)