1. 程式人生 > 資訊 >夜宵少有罪惡感:薄荷健康 雞胸肉 3.3 元/袋(官網 7.5 元)

夜宵少有罪惡感:薄荷健康 雞胸肉 3.3 元/袋(官網 7.5 元)

1、顏色 color rgb  rgba

2、文字對齊的方式   text-align = center

3、首行縮排  text-indent:2em

4、行高 line-height:當行文字上下居中,行高line-height等於height

5、裝飾  text-decoration 

6、文字圖片水平對齊: vertical-align:middle

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <
title>Title</title> 6 7 <!-- 顏色: 8 RGB 0-F 9 RGBA 透明度 A:0~1 10 text-align: 排版居中 11 text-indent: 2em 首行縮排 12 13 行高,和塊的高度一致,就可以上下居中 14 height: 300px; 15 line-height: 300px; 16 17 text-decoration:underline 上劃線 18 text-decoration:line-through 中劃線
19 text-decoration:overline 下劃線 20 21 --> 22 <style> 23 h1{ 24 color: rgba(0,255,255,0.4); 25 text-align: center; 26 27 28 } 29 .p1{ 30 text-indent: 2em; 31 } 32 33 .p3{ 34 background: #3cbda6
; 35 height: 300px; 36 line-height: 300px; 37 } 38 39 </style> 40 </head> 41 <body> 42 43 <h1> 44 介紹 45 </h1> 46 <p class="p1">Java是一門面向物件的程式語言,不僅吸收了C++語言的各種優點,還摒棄了C++裡難以理解的多繼承、指標等概念, 47 因此Java語言具有功能強大和簡單易用兩個特徵。</p> 48 49 <p class="p3">Java語言作為靜態面向物件程式語言的代表,極好地實現了面向物件理論,允許程式設計師以優雅的思維方式進行復雜的程式設計。 50 Java具有簡單性、面向物件、分散式、健壯性、安全性、平臺獨立與可移植性、多執行緒、動態性等特點。 51 Java可以編寫桌面應用程式、Web應用程式、分散式系統和嵌入式系統應用程式等。</p> 52 </body> 53 </html>
文字樣式
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 <!--
 7 
 8     水平對齊~參照物  a,b
 9 -->
10     <style>
11         img,span{
12             vertical-align: middle;
13         }
14         /*a標籤連結去除下劃線*/
15         a{
16             text-decoration: none;
17         }
18     </style>
19 </head>
20 <body>
21 <p>
22     <img src="../static/imgs/1.jpg" alt="">
23     <span>asdasdassddasdasd</span>
24 
25 </p>
26 <a href="">123</a>
27 </body>
28 </html>
文字樣式2