整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
編程邏輯的實際應(yīng)用中,有可能需要對字符串中字母進行大小寫進行轉(zhuǎn)換。而今天我們就說一說在html前端的js腳本中，如何對字符串中的字母進行大小寫的轉(zhuǎn)換。
toUpperCase()：方法用于把字符串中的字母轉(zhuǎn)換為大寫。
語法：
stringObject.toUpperCase()
返回值：
返回一個處理過的新字符串，此字符串的所有字母為大寫
<script> var str = 'abclFid'; document.write(str.toUpperCase()) </script>
返回結(jié)果：ABCLFID
toLowerCase()：方法會將字符串中的所有字母轉(zhuǎn)換為小寫。
語法：
stringObject.toLowerCase()
返回值：
返回一個處理過的新字符串，此字符串中的所有字母為小寫
例：js 字符串中的字母轉(zhuǎn)換成小寫
SS有很多用于格式化文本的屬性。比如，文本的顏色、大小寫轉(zhuǎn)化、對齊方式、文本間距、文本裝飾等等。（此時會同時演示幾個案例）
首先，我們來介紹 CSS 如何為文本添加顏色。
通過聲明 color 屬性 來設(shè)置文本的顏色，值可以是顏色名稱、十六進制顏色值、RGB顏色值。（此處用代碼來演示）
這幾個顏色值是不是感覺很熟悉？沒錯，我們在前面給HTML元素定義過color屬性，值就是這三個。你還記得在哪一節(jié)講過嗎？可以彈幕告訴大家！
我們來做個例子。
打開編輯器，創(chuàng)建一個 005-css-text 文件夾，在文件夾里創(chuàng)建一個 text.html 文件，創(chuàng)建基礎(chǔ)代碼，添加 h1 元素，填入一些文本。再添加一個 p 標(biāo)簽，填入一些文本。
再創(chuàng)建一個 mystyle-1.css 文件，定義 body 元素選擇器，聲明樣式 color: blue。在頁面里引用它，路徑為當(dāng)前目錄下的 mystyle-1.css 文。./mystyle-1.css）。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Text</title>
<link rel="stylesheet" href="./mystyle-1.css">
</head>
<body>
<h1>浠浠呀老師，學(xué)前端的大專生就業(yè)難嗎？</h1>
<p>
不難，只要你能力過關(guān)、項目經(jīng)驗過關(guān)、人品過關(guān)，企業(yè)就會錄用你。你可以在面試的時候，著重介紹一下你的開發(fā)能力、技術(shù)能力以及你對技術(shù)理解，讓別人挑不出毛病，那學(xué)歷這塊是可以自動忽略的。我在面試別人的時候也是這樣，如果這個人的技術(shù)能力和過往經(jīng)驗真的征服了我，我不是很在他乎他的學(xué)歷。
</p>
</body>
</html>
這里說明一下：一個頁面的默認文本顏色是在 body 選擇器中定義的。
body {
/* 一個頁面的默認文本顏色是在body選擇器中定義的。 */
color: blue;
}
細心的小伙伴發(fā)現(xiàn)了，這里添加的是注釋嗎？沒錯，和 html 注釋一樣，它是用來解釋CSS 代碼的，瀏覽器會忽略注釋。CSS注釋以 /* (讀作：斜杠 星號) 開始，以 */ （讀作：星號 斜杠）結(jié)束，里面編寫注釋內(nèi)容。注釋一般放到一組樣式定義的前面，或者放在單個樣式聲明的后面，中間可以換行。
在瀏覽器里查看頁面效果，文本全部為藍色。
在 mystyle-1.css 里再定義一個 h1 選擇器，聲明樣式 color: green。
再來看效果，標(biāo)題變?yōu)榱司G色，段落還是藍色。
接下來，我們介紹 CSS 如何強制轉(zhuǎn)換文本中，單詞和字母的大寫和小寫。
使用 text-transform 屬性來實現(xiàn)這個功能，它的值有三個：
uppercase：文本被轉(zhuǎn)換為大寫。
lower case：文本被轉(zhuǎn)換為小寫。
capitalize [?k?p?t?la?z]：每個單詞的首字母被轉(zhuǎn)換為大寫。
這個屬性主要用來設(shè)置英文的文本，對中文無效。
回到編輯器，我們再創(chuàng)建一個段落，填入答案的英文版。
<body>
<h1>浠浠呀老師，學(xué)前端的大專生就業(yè)難嗎？</h1>
<p>
不難，只要你能力過關(guān)、項目經(jīng)驗過關(guān)、人品過關(guān)，企業(yè)就會錄用你。你可以在面試的時候，著重介紹一下你的開發(fā)能力、技術(shù)能力以及你對技術(shù)理解，讓別人挑不出毛病，那學(xué)歷這塊是可以自動忽略的。我在面試別人的時候也是這樣，如果這個人的技術(shù)能力和過往經(jīng)驗真的征服了我，我不是很在他乎他的學(xué)歷。
</p>
<p>
It's not difficult, as long as you are competent, have project experience and are a good person, companies will hire you. You can focus on your development skills, technical skills and your understanding of technology during the interview so that no one can pick a fault, then the education piece can be automatically ignored. I do the same thing when interviewing people, if the person's technical skills and past experience really conquered me, I am not very in him about his education.
</p>
</body>
給這個段落定義 class 屬性，值為 transform。
在樣式中，定義 p.transform 選擇器，聲明樣式屬性text-transform ，值為 uppercase。
返回瀏覽器，全部的英文為大寫字母。
修改 text-transform 的屬性值為 lowercase。全部的英文為小寫字母。
修改 text-transform 的屬性值為 capitalize。全部單詞的首字母大寫。
有關(guān) CSS 如何給文本添加顏色，以及轉(zhuǎn)換文本的大小寫，就介紹完了。
文章配套視頻鏈接：https://www.bilibili.com/video/BV1oU4y1278g?p=61
寫金額轉(zhuǎn)大寫軟件是一款非常不錯的數(shù)字轉(zhuǎn)換工具，該軟件能夠?qū)⒗當(dāng)?shù)字轉(zhuǎn)中文大寫數(shù)字，能夠滿足很多財務(wù)工作的日常需求，是該行業(yè)從業(yè)人員的電腦必備軟件。
http://www.downxia.com/downinfo/291980.html
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
