国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<input id="wgc7g"><em id="wgc7g"></em></input>

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè)

2年前作者：本喵是FW分類：Toy博客閱讀(40)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！

最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。。?/span>

喵喵喵，你對(duì)我真的很重要！

目錄

前言

CSS的定位機(jī)制

文檔流定位

元素類型??

浮動(dòng)定位

float的用處

float的特點(diǎn)

clear屬性

層定位

position屬性

fixed固定定位

相對(duì)定位：relative

課后練習(xí)

網(wǎng)頁(yè)標(biāo)題：CSS背景樣式的應(yīng)用

網(wǎng)頁(yè)標(biāo)題：背景圖像的應(yīng)用

網(wǎng)頁(yè)標(biāo)題：炫彩網(wǎng)站Logo

網(wǎng)頁(yè)標(biāo)題：鼠標(biāo)懸停效果

前言

開始期末考試周了，好多好多，要考的。佛系更新，暑假補(bǔ)齊。

CSS的定位機(jī)制

CSS 定位可以將 HTML 元素放置在頁(yè)面上指定的任意地方。 CSS 定位的原理是把 頁(yè)面左上角的點(diǎn)定義為坐標(biāo) (0,0) 的原點(diǎn) ，然后以像素為單位將整個(gè)網(wǎng)頁(yè)構(gòu)建成一個(gè)坐標(biāo)系統(tǒng)。其中 x 軸與數(shù)學(xué)坐標(biāo)系方向相同，越往右數(shù)字越大； y 軸與數(shù)學(xué)坐標(biāo)系方向相反，越往下數(shù)字越大。

文檔流定位

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

元素類型??

塊級(jí)元素 （ display: block ）

塊級(jí)元素的寬度為 100% ，而且其后隱藏附帶有換行符，使塊級(jí)元素始終占據(jù)一行。標(biāo)題、段落、列表、表格、分區(qū) (div) 、 body 等元素都是塊級(jí)元素。

行級(jí)元素 （ display: inline ）

也稱內(nèi)聯(lián)元素，元素前后沒有換行符。 行級(jí)元素沒有高度和寬度 ，因此也就沒有固定形狀，顯示時(shí)只占據(jù)其內(nèi)容的大小。超鏈接、 <span> 、表單等元素都是行級(jí)元素。

說明： inline-block 。例如，圖像 < img > （有高度和寬度，但是前后沒有換行符）

CSS使用display屬性來規(guī)定元素的類型

任何元素都可以使用display屬性改變默認(rèn)的顯示類型

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

浮動(dòng)定位

??????? 浮動(dòng)（float）是使用率較高的一種定位方式。有時(shí)候希望相鄰的塊級(jí)元素左右排列，或者一個(gè)盒子被另一個(gè)盒子環(huán)繞，制作出圖文混排的效果。最簡(jiǎn)單的辦法就是運(yùn)用浮動(dòng)屬性使盒子在浮動(dòng)方式下定位。

float屬性

浮動(dòng)元素可以向左或向右移動(dòng)，直到它的外邊距邊緣碰到包含塊內(nèi)邊距邊緣或另一個(gè)浮動(dòng)元素的外邊距邊緣為止。任何元素都可以浮動(dòng)，浮動(dòng)元素會(huì)變成一個(gè)塊狀元素。

float的用處

用于圖文混排時(shí)，設(shè)置圖片與文字的環(huán)繞方式

用于網(wǎng)頁(yè)的多列布局

float的特點(diǎn)

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

clear屬性

清除浮動(dòng)，規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。

Clear 的取值：

both ：清除左右兩邊的浮動(dòng)

left 和 right ：只能清除一個(gè)方向的浮動(dòng)

none: 默認(rèn)值，運(yùn)行浮動(dòng)元素出現(xiàn)在兩側(cè)

層定位

??????? 當(dāng)需要將一個(gè)網(wǎng)頁(yè)的元素層疊在另外一個(gè)元素的上面，出現(xiàn)疊加或覆蓋的效果則需要使用層定位。

position屬性決定當(dāng)前這一層究竟可以相對(duì)于哪一層進(jìn)行定位。不同的取值，其參照物不相同。

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

position屬性

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí)

fixed固定定位

不會(huì)隨瀏覽器窗口的滾動(dòng)條滾動(dòng)而變化，總在視線里的元素

相對(duì)定位：relative

設(shè)置為相對(duì)定位的元素框會(huì)脫離正常的文檔流偏移某個(gè)距離。元素仍然保持其未定位前的形狀， 它原本所占的空間仍保留 。相對(duì)定位是相對(duì)于其 直接父元素 進(jìn)行定位

絕對(duì)定位：absolute

定位為 absolute 的層將脫離正常文檔流，與 relative 的區(qū)別：其 在正常流中的原位置不再存在 。是相對(duì)于 非 static 的直接父元素 進(jìn)行定位。如果所有父層均未定義為非 static ，則其相對(duì)于 body 進(jìn)行定位。

relative+absolute

典型應(yīng)用：父層設(shè)置為相對(duì)定位（ relative ），子層設(shè)置為絕對(duì)定位（ absolute ），這樣子層就可以隨著父層位置的變化而變化。

課后練習(xí)

網(wǎng)頁(yè)標(biāo)題：CSS背景樣式的應(yīng)用

網(wǎng)頁(yè)主體內(nèi)容為：

<body>

<div></div>

</body>

使用內(nèi)部樣式表為網(wǎng)頁(yè)設(shè)置如下樣式效果：

網(wǎng)頁(yè)的背景顏色為：#fd8e47

定義名為box的id，并應(yīng)用到div中，樣式要求為：

寬400px 高300px；6px 虛線藍(lán)色邊框；設(shè)置背景圖片fm.jpg；

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS背景樣式的應(yīng)用</title>
<style>
	body{
		background-color:#fd8e47;
		}
	#box{
			width:400px;
			height:300px;
			border:6px dashed #0000FF;
			background-image:url(images/fm.jpg);
			background-repeat:no-repeat;
			background-position:right center;
	}
</style>
</head>

<body>
	<div id="box"></div>
</body>
</html>

網(wǎng)頁(yè)標(biāo)題：背景圖像的應(yīng)用

網(wǎng)頁(yè)主體代碼參照下圖所示：

在內(nèi)部樣式表中設(shè)置如下樣式：

為body設(shè)置背景顏色#FFCC66；背景圖像butterfly.gif，背景圖像不重復(fù)顯示，不隨滾動(dòng)條滾動(dòng)，固定顯示在右下角。

為h1設(shè)置寬800px；背景顏色#FC9804；字體顏色#990000；文字居中對(duì)齊顯示；h1在頁(yè)面水平居中顯示(margin:0 auto;)。

為p設(shè)置寬800px；在頁(yè)面水平居中顯示(margin:10px auto;)。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>背景圖像的應(yīng)用</title>
<style>
body{
	background-color:#ffcc66;
	background-image:url(images/butterfly.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
h1{
	width:800px;
	background-color:#fc9804;
	color:#900;
	text-align:center;
	margin:10px auto;
}
p{
	width:800px;
	margin:10px auto;
}
</style>
</head>

<body>
<h1>背景圖像的應(yīng)用</h1>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.</p>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.</p>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.</p>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque. Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.</p>
</body>
</html>

網(wǎng)頁(yè)標(biāo)題：炫彩網(wǎng)站Logo

html主體部分代碼：<h1>繽紛夏衣</h1>

新建外部樣式表”style2.css”，為該網(wǎng)頁(yè)設(shè)置如下樣式：

設(shè)置h1的樣式為：寬250px；使用” Arial”字體；字體大小50px；字體顏色：#369；下內(nèi)邊距4px(padding-bottom)；添加下邊框線：2px 實(shí)線 #ccc；設(shè)置背景圖像“3.jpg”，橫向重復(fù)顯示在底部；字符間距設(shè)置為12px(letter-spacing:12px;)

使用類選擇符分別為四個(gè)文字設(shè)置以下不同顯示顏色：#B3EE3A? #71C671 #00F5FF ???#00EE00

將外部樣式表”style2.css”鏈接到網(wǎng)頁(yè)”6-6.html”中。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>炫彩網(wǎng)站Logo</title>
<link rel="stylesheet" href="css/style2.css">
</head>

<body>
<h1>
<span class="one">繽</span><span class="two">紛</span><span class="three">夏</span><span class="four">衣</span>
</h1>
</body>
</html>

style2.css

@charset "utf-8";
/* CSS Document */
h1{
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#369;
	padding-bottom:4px;
	letter-spacing:12px;
	border-bottom:2px solid #ccc;
	background-image:url(images/3.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.one{color:#B3EE3A;}
.two{color:#71C671; }
.three{color:#00F5FF;}
.four{color:#00EE00;}

網(wǎng)頁(yè)標(biāo)題：鼠標(biāo)懸停效果

html的主體部分代碼如下所示：

<h2>神奇的CSS</h2>

<div id="box">

? <p>學(xué)習(xí)<em>CSS</em>的最好辦法就是不斷的練習(xí)、不斷的思考、不斷的再練習(xí)。對(duì)于剛剛接觸<em>CSS</em>的讀者，面對(duì)滿篇的代碼肯定顯得無從下手。</p>

? <p>這里給讀者一些工作經(jīng)驗(yàn)，希望能夠幫助讀者提高編寫代碼的能力：掌握(X)HTML代碼中每個(gè)標(biāo)簽的含義；及時(shí)查閱<em>CSS</em>手冊(cè)；多做<em>CSS</em>布局網(wǎng)站的練習(xí)；在網(wǎng)絡(luò)中搜索并解決問題；分析、思考<em>CSS</em>布局網(wǎng)站的處理方式；善于總結(jié)經(jīng)驗(yàn)。</p>

</div>

在CSS文件夾下新建名為“style3.css”的文件，使用外部樣式表設(shè)置如下樣式：

全局樣式：將外邊距設(shè)置為0（margin:0）; 內(nèi)邊距設(shè)置為0（padding:0）;

h2標(biāo)題樣式：字體“微軟雅黑”；字體大小40px；寬500px，高70px；行高70px；頂部外邊距10px（margin-top:10px）;背景顏色#fc0；文本居中對(duì)齊；字體顏色為白色。

設(shè)置ID選擇符box的樣式：上邊框5px 雙實(shí)線顏色#f63; 內(nèi)邊距10px (padding:10px;)；背景顏色#ff9；寬480px；

設(shè)置p標(biāo)簽的樣式為：首行縮進(jìn)2字符；行高1.5em；字體大小12px。

設(shè)置em標(biāo)簽的樣式為：字體大小20px；顏色#f00；添加下劃線。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>鼠標(biāo)懸停效果</title>
<link rel="stylesheet" href="CSS/style3.css">
</head>

<body>
<h2>神奇的CSS</h2>
<div id="box">
  <p>學(xué)習(xí)<em>CSS</em>的最好辦法就是不斷的練習(xí)、不斷的思考、不斷的再練習(xí)。對(duì)于剛剛接觸<em>CSS</em>的讀者，面對(duì)滿篇的代碼肯定顯得無從下手。</p>
  <p>這里給讀者一些工作經(jīng)驗(yàn)，希望能夠幫助讀者提高編寫代碼的能力：掌握(X)HTML代碼中每個(gè)標(biāo)簽的含義；及時(shí)查閱<em>CSS</em>手冊(cè)；多做<em>CSS</em>布局網(wǎng)站的練習(xí)；在網(wǎng)絡(luò)中搜索并解決問題；分析、思考<em>CSS</em>布局網(wǎng)站的處理方式；善于總結(jié)經(jīng)驗(yàn)。</p>
</div>

</body>
</html>

style3.css

@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
h2{
	font-family:"微軟雅黑";
	font-size:40px;
	width:500px;
	height:70px;
	line-height:70px;
	margin-top:10px;
	background-color:#fc0;
	text-align:center;
	color:#fff;
}
#box{
	border-top:5px double #f63;
	padding:10px;
	background-color:#ff9;
	width:480px;
}

p{
	text-indent:2em;
	line-height:1.5em;
	font-size:12px;
}
em{
	font-size:20px;
	color:#f00;
	text-decoration:underline;
}

希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！

最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！

喵喵喵，你對(duì)我真的很重要！

[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè),喵喵畫網(wǎng)頁(yè),html,前端,html5,網(wǎng)頁(yè)制作,css3,計(jì)算機(jī)學(xué)習(xí) 文章來源地址http://www.zghlxwxcb.cn/news/detail-755631.html

到了這里，關(guān)于[HTML]Web前端開發(fā)技術(shù)7（HTML5、CSS3、JavaScript ）CSS的定位機(jī)制——喵喵畫網(wǎng)頁(yè)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

[HTML]Web前端開發(fā)技術(shù)6（HTML5、CSS3、JavaScript ）DIV與SPAN，盒模型，Overflow——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦！?。?喵喵喵，你對(duì)我真的很重要！目錄前言 CSS盒模型簡(jiǎn)介 CSS盒模型 CSS盒模型結(jié)構(gòu) 盒模型的屬性邊框border 邊框?qū)挾萣order-width 邊框樣式border-sty
2024年02月04日
瀏覽(28)
[HTML]Web前端開發(fā)技術(shù)5.2（HTML5、CSS3、JavaScript ）CSS基礎(chǔ)，decoration，selector，properties，Cascading——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言 CSS基礎(chǔ) CSS繼承與層疊使用CSS控制Web頁(yè)面 CSS選擇器類型 CSS選擇器聲明課后練習(xí) 應(yīng)用CSS鏈接外部樣式
2024年02月05日
瀏覽(49)
[HTML]Web前端開發(fā)技術(shù)8（HTML5、CSS3、JavaScript ）CSS樣式屬性,withborder,italic | oblique,indent,padding,——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言 CSS屬性值中的單位 CSS字體樣式 font-size設(shè)置字號(hào) 字體樣式font-style屬性字體系列font-family屬性字體變體
2024年02月04日
瀏覽(37)
[HTML]Web前端開發(fā)技術(shù)15（HTML5、CSS3、JavaScript ）表格，bordercolorlight，frame，valign，rowspan，colspan——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦！??！喵喵喵，你對(duì)我真的很重要！目錄前言表格表格表格標(biāo)記表格標(biāo)記-語法表格屬性設(shè)置表格邊框樣式屬性表格單元格間距、單元格邊距屬
2024年01月22日
瀏覽(32)
[HTML]Web前端開發(fā)技術(shù)5.1（HTML5、CSS3、JavaScript ）CSS基礎(chǔ)，selector，properties，font，Cascading，@import——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言 CSS概念 ??傳統(tǒng)HTML的缺點(diǎn) CSS的優(yōu)勢(shì) 瀏覽器與CSS 3 CSS編輯方法使用CSS控制Web頁(yè)面 CSS基本語法 CSS定義與
2024年02月05日
瀏覽(33)
[HTML]Web前端開發(fā)技術(shù)3（HTML5、CSS3、JavaScript ）超鏈接，target，scrolling,marginwidth,frameborder,iframe——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言超鏈接概述超鏈接語法、路徑及分類超鏈接標(biāo)簽超鏈接路徑相對(duì)路徑的用法超鏈接分類超鏈接的
2024年02月05日
瀏覽(31)
[HTML]Web前端開發(fā)技術(shù)2（HTML5、CSS3、JavaScript ）格式化文本標(biāo)記，定義列表，＜blockquote＞，definition description，ruby——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，大大會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言格式化文字與段落 Web頁(yè)面設(shè)計(jì)原則向Web頁(yè)面添加文字信息格式化文本標(biāo)記標(biāo)題字標(biāo)記添加空格與特
2024年02月05日
瀏覽(97)
[HTML]Web前端開發(fā)技術(shù)4（HTML5、CSS3、JavaScript ）圖像與多媒體文件hspace，vspace，scrollamount，bgcolor，marquee——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。。?喵喵喵，你對(duì)我真的很重要！目錄前言圖像與多媒體文件網(wǎng)頁(yè)文件常見的圖像格式有：圖像設(shè)置圖像的替代文字設(shè)置圖像的寬度和高度
2024年02月05日
瀏覽(9)
[HTML]Web前端開發(fā)技術(shù)10（HTML5、CSS3、JavaScript ）CSS+DIV頁(yè)面布局，固定定位，相對(duì)定位relative，絕對(duì)定位absolute，層定位的應(yīng)用——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦?。?！喵喵喵，你對(duì)我真的很重要！目錄前言課后練習(xí) 網(wǎng)頁(yè)標(biāo)題：固定定位網(wǎng)頁(yè)標(biāo)題：相對(duì)定位relative 網(wǎng)頁(yè)標(biāo)題：絕對(duì)定位absolute 網(wǎng)頁(yè)標(biāo)題：層定
2024年02月02日
瀏覽(31)
[HTML]Web前端開發(fā)技術(shù)11（HTML5、CSS3、JavaScript ）頁(yè)面布局設(shè)計(jì) “三行模式”或“三列模式”“三行二列”“三行三列”模式多行多列復(fù)雜模式水平導(dǎo)航菜單——喵喵畫網(wǎng)頁(yè)
希望你開心，希望你健康，希望你幸福，希望你點(diǎn)贊！最后的最后，關(guān)注喵，關(guān)注喵，關(guān)注喵，佬佬會(huì)看到更多有趣的博客哦！??！喵喵喵，你對(duì)我真的很重要！目錄前言頁(yè)面布局設(shè)計(jì) “三行模式”或“三列模式” “三行二列”、“三行三列”模式多行多列復(fù)雜模式導(dǎo)
2024年02月02日
瀏覽(41)

<menu id="3v0ky"><menu id="3v0ky"><ins id="3v0ky"></ins></menu></menu>

<xmp id="3v0ky"><center id="3v0ky"></center>

<noframes id="3v0ky"><i id="3v0ky"><i id="3v0ky"></i></i>

<xmp id="3v0ky"><rp id="3v0ky"></rp>