標籤：設定 努力學習 部落格 mil tle 錯誤 indent type border
鎮場詩：
清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。
學有小成返哺根，願鑄一良心部落格。誠心於此寫經驗，願見文者得啟發。
——————————————————————————————————————————
part code:
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .box .p1 .myspantitle{ font-size:26px; font-weight:bold; /*加粗*/ text-decoration:underline;/*底線*/ } .box .p3 .myspantitle{ font-size:26px; font-style:italic; /*斜體*/ } </style></head><body> <div class="box"> <h1>道德經</h1><p class="p1">41.<span class="myspantitle">上士聞道勤而行之。</span>中士聞道若存若亡。下士聞道大笑之。不笑不足以為道。故建言有之。明道若昧。進道若退。夷道若纇。上德若穀。大白若辱。廣德若不足。建德若偷。質真若渝。大方無隅。大器晚成。大音希聲。大象無形。道隱無名。夫唯道善貸且成。</p><p>42.道,一生二,二生三,三生萬物。萬物負陰而抱陽，沖氣以為和。人之所惡，唯孤、寡不穀，而王公以為稱，故物或損之而益，或益之而損。人之所教，我亦教之，強梁者，不得其死。吾將以為教父。</p><p class="p3"><span class="myspantitle">43.</span> 天下之至柔，馳騁天下之至堅。無有入無間，吾是以知無為之有益。不言之教，無為之益天下希及之。</p> </div></body></html>
part result:
full code:
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .box{ width:960px;/*設定div的寬度,但是div的實際寬度是1000+20*2=1040*/ border:1px dashed #de99b7; text-align:center; /*div中的文本進行置中*/ margin:0px auto;/*div置中Firefox中支援，IE不支援，上下間距0px,左右間距自動*/ padding:20px;/*文字距離div塊 上下左右的距離都是20px*/ } .box h1{ /*必須要指定的，不要一次給全部網頁的h1都進行設定*/ } .box .p1{ font-family:KaiTi; color:aqua; font-size:18px; text-indent:28px;/*首行縮排*/ line-height:150%;/*行高是原來行高的1.8倍，行間距就變化了*/ } .box .p2{ font-size:18px; } .box .p3{ letter-spacing:3px;/*字間距*/ } .box .p2 .myspan1{ color:brown; } .box .p2 .myspantitle{ font-size:30px; } .box .p1 .myspantitle{ font-size:26px; font-weight:bold; /*加粗*/ text-decoration:underline;/*底線*/ } .box .p3 .myspantitle{ font-size:26px; font-style:italic; /*斜體*/ } </style></head><body> <div class="box"> <h1>道德經</h1><p class="p1">41.<span class="myspantitle">上士聞道勤而行之。</span>中士聞道若存若亡。下士聞道大笑之。不笑不足以為道。故建言有之。明道若昧。進道若退。夷道若纇。上德若穀。大白若辱。廣德若不足。建德若偷。質真若渝。大方無隅。大器晚成。大音希聲。大象無形。道隱無名。夫唯道善貸且成。</p><p class="p2"><span class="myspan1">42.<span class="myspantitle">道</span>,一生二,二生三,三生萬物。</span>萬物負陰而抱陽，沖氣以為和。人之所惡，唯孤、寡不穀，而王公以為稱，故物或損之而益，或益之而損。人之所教，我亦教之，強梁者，不得其死。吾將以為教父。</p><p class="p3"><span class="myspantitle">43.</span> 天下之至柔，馳騁天下之至堅。無有入無間，吾是以知無為之有益。不言之教，無為之益天下希及之。</p> </div></body></html>
full result:
——————————————————————————————————————————
博文的精髓，在技術部分，更在鎮場一詩。編輯器 VS2015,瀏覽器 Firefox。
html+css+js，強，值得努力學習。我跟著傳智播客的視頻教程學習。
我是一個新手，所以如果博文的內容有可以改進的地方，甚至有錯誤的地方，請留下評論，我一定努力改正，爭取成就一個良心部落格。
註：此文僅作為科研學習，如果我無意中侵犯了您的權益，請務必及時告知，我會做出改正。
css基礎 給p標籤中的內容 加粗，斜體，底線，字型大小
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
