css上標樣式,css樣式標簽

html里面上標和下標怎么寫

html 里有 sup 和 sub 元素分別用來表示上標和下標。

成都創(chuàng)新互聯(lián)是一家專業(yè)從事成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計的品牌網(wǎng)絡(luò)公司。如今是成都地區(qū)具影響力的網(wǎng)站設(shè)計公司,作為專業(yè)的成都網(wǎng)站建設(shè)公司,成都創(chuàng)新互聯(lián)依托強大的技術(shù)實力、以及多年的網(wǎng)站運營經(jīng)驗,為您提供專業(yè)的成都網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)及網(wǎng)站設(shè)計開發(fā)服務(wù)！

css 里，vertical-align 屬性值中的 super 和 sub 可以將其定位到上標和下標的位置，其文字大小和樣式，需要使用 font-size 來設(shè)置。

如何用CSS顯示文字的上標和下標

CSS上標：sup上浮內(nèi)容/sup

CSS下標：sub下浮內(nèi)容/sub

以下是范例:

一、電腦不能啟動的原因

系統(tǒng)不承認硬盤

此類故障比較常見，即從硬盤無法啟動，從A盤啟動也無法進入C盤，使用CMOS中的自動監(jiān)測功能也無法發(fā)現(xiàn)硬盤的存在。這種故障大都出現(xiàn)在連接 電纜 或IDE口端口上，硬盤本身的故障率很少，可通過重新插拔硬盤電纜或者改換IDE口及電纜等進行替換試驗，可很快發(fā)現(xiàn)故障的所在。

如果新接上的硬盤不承認，還有一個常見的原因就是硬盤上的主從條線，如果硬盤接在IDE的主盤位置，則硬盤必須跳為主盤狀，跳線錯誤一般無法檢測到硬盤。

常用的CSS屬性。

float，css的一種屬性，主要屬性值為：left（左浮動）、none（不浮動）、right（右浮動）、inherit（繼承父元素浮動），多用于網(wǎng)頁排版。

float屬性定義元素在哪個方向浮動。以往這個屬性總應(yīng)用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

擴展資料

CSS屬性

1、整數(shù)和實數(shù)

在CSS中只能使用浮點小數(shù)，而不能像其他編程語言那樣使用科學(xué)記數(shù)法表示實數(shù)，即1.2E3在CSS中將是不合法的。下面是幾個正確的例子，整數(shù)：128、-313，實數(shù)：12.20、1415、-12.03。

2、長度量

相對長度單位有：em——當(dāng)前字體的高度，也就是font.size屬性的值；ex——當(dāng)前字體中小寫字母x的高度；Dx——一個像素的長度，其實際的長度由顯示器的設(shè)置決定，比如在800木600的設(shè)置下，一個像素的長度就等于屏幕的寬度除以800。

3、百分數(shù)量（percentages）

百分數(shù)量就是數(shù)字加上百分號。顯然，百分數(shù)量總是相對的，所以和相對長度量一樣，百分數(shù)量不被子級元素繼承。

參考資料來源：百度百科-CSS

參考資料來源：百度百科-FLOAT

網(wǎng)頁里如何插入上角標？

在Word中添加一個角標（上標或下標）是非常簡單的。不過，在網(wǎng)頁中添加角標并非易事。

本人在做一個項目它需要表達像二氧化硫、可吸入顆粒物的符號表示。這可把我難住了，在網(wǎng)頁中加載已屬不易了，別說在silverlight中了（本項目是采用silverlight RIA技術(shù)）。

先說一下簡單的HTML網(wǎng)頁上標角標吧，HTML上標角標只需要幾個標簽可以了。

上標：2sup3/sup = 8

14supx/sup

效果如下圖：

下標：pHsub2/sub0 - Water

pOsub2/sub - Oxygen

pCOsub2/sub - Carbon Dioxide

效果見下圖：

在silverlight中應(yīng)用角標就不像HTML那樣簡單了。

silverlight主要用的是轉(zhuǎn)義字符。

1.

string water = "H" + "/x2082" + "O";

string ammonia = "NH/x2083";

string energy = "e=mc/x00B2";

string PythagoreanTheorem = "a/x00B2+b/x00B2=c/x00B2";

2.

Character reference.Superscript:

0 : U+2070

1 : U+00B9

2 : U+00B2

3 : U+00B3

4-9 : U+2074-2079

+ : U+207A

- : U+207B

= : U+207C

( : U+207D

) : U+207E

n : U+207F

Subscript

0-9 : U+2080-2089

+ : U+208A

-: U+208B

=: U+208C

(: U+208D

): U+208E

OK這樣就完成了在網(wǎng)頁上標注角標了

網(wǎng)頁設(shè)計怎么設(shè)置同意字體格式樣式

一、文字樣式設(shè)置的基本標簽—font?

設(shè)置字體樣式的基本標簽是font/font，被其包含的文本為樣式作用區(qū)。在初學(xué)者的HTML代碼編寫中，font/font容易被多重嵌套，如font 屬性1=值1font 屬性2=值2文本/font/font。還有一種情況是標簽嵌套錯位，如fontp文本/font/p。為了規(guī)范代碼的編寫，避免不必要的錯誤，讀者在初學(xué)時一定要謹慎。?

二、設(shè)置文字的顏色?

color是font/font標簽的屬性之一，用于設(shè)置文字顏色。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為font_color.htm，編寫代碼如代碼4.7所示。?

代碼4.7 字體顏色的設(shè)置：font_color.htm?

html?

head?

title字體顏色的設(shè)置/title?

/head?

body?

淺紅色文字：font color="#dd0000"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深紅色文字：font color="#660000"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

淺綠色文字：font color="#00dd00"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深綠色文字：font color="#006600"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

淺藍色文字：font color="#0000dd"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深藍色文字：font color="#000066"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

淺黃色文字：font color="#dddd00"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深黃色文字：font color="#666600"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

淺青色文字：font color="#00dddd"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深青色文字：font color="#006666"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

淺紫色文字：font color="#dd00dd"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

深紫色文字：font color="#660066"HTML學(xué)習(xí)的本質(zhì)就是該是什么就用什么/fontbr /?

/body?

/html?

不但可以從代碼4.7中學(xué)到color屬性在font標簽中的用法，還可以熟悉各種顏色的表示方法。?

三、 設(shè)置文字的尺寸?

size也是font/font標簽的屬性，用于設(shè)置文字大小。size的值為1-7，默認為3。我們可以size 屬性值之前加上“＋”、“－”字符，來指定相對于字號初始值的增量或減量。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為font_size.htm，編寫代碼如代碼4.8所示。?

代碼4.8 字體尺寸的設(shè)置：font_size.htm?

html?

head?

title字體尺寸的設(shè)置/title?

/head?

body?

size為1：font size="1"HTML學(xué)習(xí)/fontbr /?

size為2：font size="2"HTML學(xué)習(xí)/fontbr /?

size為3：font size="3"HTML學(xué)習(xí)/fontbr /?

size為4：font size="4"HTML學(xué)習(xí)/fontbr /?

size為5：font size="5"HTML學(xué)習(xí)/fontbr /?

size為6：font size="6"HTML學(xué)習(xí)/fontbr /?

size為7：font size="7"HTML學(xué)習(xí)/fontbr /?

/body?

/html?

可嘗試在size值前面加上“＋”、“－”字符，更靈活地設(shè)置文字尺寸。?

四、設(shè)置文字的字體?

face也是font/font標簽的屬性，用于設(shè)置文字字體（字型）。HTML網(wǎng)頁中顯示的字型從瀏覽端的系統(tǒng)中調(diào)用，所以為了保持字型一致，建議采用宋體，HTML頁面也是默認采用宋體。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為font_face.htm，編寫代碼如代碼4.9所示。?

代碼4.9 字體字型的設(shè)置：font_face.htm?

html?

head?

title字體字型的設(shè)置/title?

/head?

body?

字型為宋體：font size="5"沁園春·長沙-毛澤東/fontbr /?

字型為楷體：font size="5"沁園春·長沙-毛澤東/fontbr /?

字型為黑體：font size="5"沁園春·長沙-毛澤東/fontbr /?

字型為隸書：font size="5"沁園春·長沙-毛澤東/font?

/body?

/html?

五、 使文字傾斜?

用雙標簽i/i可使被作用文字傾斜，達到特殊的效果，例如文章的日期。em/em被稱為強調(diào)標簽，也是斜體，目前使用比i/i標簽更頻繁，其編寫方法如下：?

i這是斜體文字/i?

em這也是斜體文字/em?

六、 使文字加粗?

用雙標簽b/b可使被作用文字加粗，是文字更加醒目，例如文章的標題部分。strong/strong被稱為特別強調(diào)標簽，也是文字加粗，目前使用比b/b標簽更頻繁，其編寫方法如下：?

b這是粗體文字/b?

strong這也是粗體文字/strong?

七、給文字加下劃線?

用雙標簽u/u可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為font_style.htm，編寫代碼如代碼4.10所示。?

代碼4.10 文字修飾的設(shè)置：font_style.htm?

html?

head?

title字體修飾的設(shè)置/title?

/head?

body?

font size="5"斜體：em沁園春·長沙-毛澤東/embr /?

加粗體：strong沁園春·長沙-毛澤東/strongbr /?

下劃線：u沁園春·長沙-毛澤東/ubr /?

斜體 加粗體 下劃線：emstrongu沁園春·長沙-毛澤東/u/strong/em/font?

/body?

/html?

— 注意：在多個標簽包含同一塊文字時，其包含順序不能錯位。?

八、 多種標題樣式的使用?

網(wǎng)頁的文章中，為了凸顯標題的重要性，標題的樣式比較特殊。HTML技術(shù)保護了一套針對標題的樣式標簽，分別為雙標簽h1到h6，文字尺寸從大到小代表不同級別的標題。標題標簽有一個特點，獨占一行、文字加粗、文字居中。這樣，在設(shè)置標題的時候就很輕松了，并且可設(shè)多級標題。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為font_h.htm，編寫代碼如代碼4.11所示。?

代碼4.11 標題的設(shè)置：font_h.htm?

html?

head?

title標題的設(shè)置/title?

/head?

body?

h1一號標題/h1?

h2二號標題/h2?

h3三號標題/h3?

h4四號標題/h4?

h5五號標題/h5?

h6六號標題/h6?

h1財富雜志：谷歌為何不會盛極而衰/h1?

　h3遭遇潛在問題/h3?

pnbsp;nbsp;nbsp;nbsp;一些業(yè)內(nèi)人士認為，長期壟斷互聯(lián)網(wǎng)搜索和廣告市場谷歌可能會盛極而衰。...與此同時，谷歌近日推出的多項新計劃，例如開放手機聯(lián)盟、社交網(wǎng)站通用平臺OpenSocial、以及可能投資數(shù)十億美元競購無線頻段，也遭到了廣泛的質(zhì)疑。?

h3將繼續(xù)壟斷搜索/h3?

pnbsp;nbsp;nbsp;nbsp;最近有一些文章稱，如果出現(xiàn)更好的搜索引擎，人們會毫不猶豫地放棄谷歌。但是，即使真有更好的搜索引擎出現(xiàn)，谷歌仍然可以在一段時間內(nèi)屹立不倒。...在這種情況下，網(wǎng)站速度往往會成為決定勝負的關(guān)鍵。/p?

/body?

/html?

九、學(xué)會處理網(wǎng)頁中的特殊字符?

在HTML中，有一些字符有特殊含義，例如“”和“”是標簽的左括號和右括號，而標簽是控制HTML顯示的，標簽本身只能被瀏覽器解析，并不能在頁面中顯示。那么，該怎樣在HTML中顯示“”和“”呢？

特殊符號?

HTML代碼?

特殊符號?

HTML代碼?

lt;?

?（商標符號）?

trade;?

gt;?

?（注冊符號）?

reg;?

“”（英文半角）?

quot;?

×?

times;?

§?

sect;?

?（版權(quán)符號）?

copy;?

在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為string.htm，編寫string.htm代碼如代碼4.12所示。?

代碼4.12 特殊字符的設(shè)置：string.htm?

html?

head?

title特殊字符的設(shè)置/title?

/head?

body?

font size="5"?

標簽的顯示方法：lt;HTMLgt;br /?

引號的顯示方法：quot;英文半角雙引號quot;br /?

商標的顯示方法：trade;br /?

注冊符號的顯示方法：reg;br /?

版權(quán)符號的顯示方法：copy;br /?

顯示sect;br /?

顯示times;?

/font?

/body?

/html?

— 說明：單獨顯示符號必須用代碼amp;。?

十、如何更方便地忽略瀏覽器對部分HTML的解析?

如果在網(wǎng)頁中作一個類似本書的HTML代碼示例，恐怕得把所有的和轉(zhuǎn)換成lt;和gt;，顯得比較麻煩。HTML代碼中的plaintext和xmp/xmp可以輕松解決這個問題。?

plaintext是單標簽，它插入到HTML代碼中時，其后面的所有HTML標簽全部失效，即瀏覽器對plaintext后面所有的HTML標簽不作解析，直接在頁面上顯示。?

xmp/xmp是雙標簽，它只使其包含的內(nèi)容中的標簽失效，xmp/xmp的使用更為普遍。在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為html.htm，編寫代碼如代碼4.13所示。?

代碼4.13 忽略標簽的設(shè)置：html.htm?

html?

head?

title忽略標簽的設(shè)置/title?

/head?

body?

h2沁園春·長沙/h2?

xmp獨立寒秋，strong湘江北去/strong，橘子洲頭。 br /看萬山紅遍，層林盡染； br /漫江碧透，u百舸爭流。/u br //xmp?

鷹擊長空，strong魚翔淺底，/strong br /萬類霜天競自由。 br /悵寥廓，u問蒼茫大地/u，誰主沉??？br /?

plaintext?

攜來百侶曾游，br /憶往昔崢嶸歲月稠。 br / 恰同學(xué)少年，風(fēng)華正茂； br / 書生意氣，揮斥方遒。 br / 指點江山，激揚文字， br / 糞土當(dāng)年萬戶侯。 br / 曾記否，strong到中流擊水/strong，浪遏飛舟！?

/body?

/html?

十一、其他文字修飾方法?

為了滿足不同領(lǐng)域的需要，HTML還有其他修飾文字的標簽。比較常用的有上標格式標簽和下標格式標簽。某些場合甚至要用到刪除效果，即可用HTML的中劃線標簽。?

— 上標格式標簽為雙標簽sup/sup，多用于數(shù)學(xué)指數(shù)的表示，比如某個數(shù)的平方或立方。?

— 下標格式標簽為雙標簽sub/sub，多用于注釋，以及數(shù)學(xué)的底數(shù)表示。?

— 中劃線標簽為雙標簽strike/strike，多用于刪除效果。?

在D:\web\目錄下創(chuàng)建網(wǎng)頁文件，命名為other.htm，編寫代碼如代碼4.14所示。?

代碼4.14 其他修飾標簽的設(shè)置：other.htm?

html?

head?

title其他修飾標簽的設(shè)置/title?

/head?

body?

font size="5"?

沁園春sup長沙/sup！br /?

數(shù)學(xué)指數(shù)的表示：2sup3/sup=8、100sup2/sup=10000br /hr /?

沁園春sub長沙/sub！br /?

數(shù)學(xué)底數(shù)的表示：logsub3/sub81=4、logsub5/sub125=3br /hr /?

刪除效果：strike我被刪除了/strike?

/font?

/body?

/html

網(wǎng)站標題：css上標樣式,css樣式標簽
文章出自：http://muchs.cn/article42/phgohc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、全網(wǎng)營銷推廣、自適應(yīng)網(wǎng)站、服務(wù)器托管、面包屑導(dǎo)航、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)