文本屬性

文本屬性

  • 1.文本顏色
    • font
  • 2.文本對齊
  • 3.文本修飾線
    • text-decoration:
  • 4.文本縮進(jìn)
  • 5.文本陰影
  • 6.文本文字間距
    • letter-spac
  • 7.單詞間距

文本屬性用于控制一段文本的外觀

文本屬性列表

屬性 描述
text-align 規(guī)定文本的水平對齊方式。
text-decoration 規(guī)定文本裝飾流炕。
text-shadow 添加文本陰影。
text-indent 規(guī)定文本塊(text-block)中的的首行縮進(jìn)。
text-transform 控制文本的大寫理肺。

text-align屬性

定義
定義文本的對齊方式。
語法

p{
text-align:left | cebter | right | justify
}

屬性值
left:規(guī)定文本左對齊
center:規(guī)定文本水平居中對齊害捕。
right::規(guī)定文本右對齊鹰晨。
justify:規(guī)定文本兩端對齊墨叛。

text-decoration屬性

定義
定義文本修飾線

語法

p{
text-decoration:overline | line-through | underline | none
}

屬性值

  • overline:添加上劃線
  • line-through:添加刪除線
  • underline:添加下劃線
  • none:取消修飾線。默認(rèn)值

text-shadow屬性

定義
定義文本陰影

語法

  text-shadow:水平偏移 垂直偏移 模糊半徑 顏色模蜡;

屬性值

  • x-offset:設(shè)置水平偏移巍实。單位是像素。正直向右哩牍,負(fù)值向左棚潦。
  • y-offset:設(shè)置垂直偏移。單位是像素膝昆。正值向下丸边,負(fù)值向上。
  • blur:設(shè)置模糊半徑荚孵。數(shù)值越大越模糊妹窖。
  • color:設(shè)置陰影的顏色。

text-indent屬性

定義
定義文本縮進(jìn)

語法

  text-indent:相對值 | 固定值

屬性值

  • 相對值:
    • em:em表示一個(gè)字符收叶,使用字符設(shè)置文本縮進(jìn)骄呼。縮進(jìn)2個(gè)字符,就是2em蜓萄。 推薦
    • rem:
    • %
    • vh/vw
  • 絕對值
    • px:使用像素設(shè)置文本縮進(jìn)隅茎。不推薦。

text-transform屬性

定義
定義英文字母的小寫轉(zhuǎn)換

語法

  text-transform:none | capitalize | upperxase | lowercase

屬性值

  • none:默認(rèn)值嫉沽。對原字母不進(jìn)行轉(zhuǎn)換
  • capitalize:文本中的每一個(gè)單詞以大寫字母開頭辟犀。(轉(zhuǎn)成大寫字母開頭)
  • uppercase:定義僅有大寫字母。(全部轉(zhuǎn)成大寫字母)
  • lowercase:定義無大寫字母绸硕,僅有小寫字母堂竟。(全部轉(zhuǎn)成小寫字母)
<!DOCTYPE html>
<html lang="en">
<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>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        body,html{
            /* 字體屬性① */
            /* font-family: Georgia, Helvetica,'PingFang SC',sans-serif; */
            /* 字體屬性② */
            /* font-size: 16px; */
            /* 字體屬性③ */
            /* line-height: 1.5; */
            /* 字體屬性⑥ */
            font-variant:small-caps;
            /* 字體屬性⑦ */
            font: normal normal 16px/1.5 Georgia, Helvetica,'PingFang SC',sans-serif;
            /* 文本屬性① */
            color: #333;

        }
        h1{
            font-size:2rem;
        }
        h2{
            font-size:1.6rem;
            /* 文本屬性② */
            text-align:center;
            color:lime;
            /* 文本屬性⑤ */
            text-shadow: 2px 2px 2px black;
            /* 文本屬性⑥ */
            letter-spacing: .5em;
            
            /* text-overflow: ; */
        }
        h3{
            font-size:1.2rem;
            /* 文本屬性⑦ */
            word-spacing: 1em;
        }
        .small{
            font-size:0.875rem;
            font-style: normal;/*表示字體不傾斜*/
            font-style: italic;/*表示字體不傾斜*/
            font-style: oblique;/*表示字體不傾斜*/
            text-align: right;
        }
        .container{
            width:600px;
            margin:0 auto;
        }
        .bold{
            color:red;
            /* 文本屬性③ */
            text-decoration: line-through;
            /* 字體屬性④ */
            font-weight: normal;
            font-weight: bold;
            font-weight: bolder;
            font-weight: 400;
            font-weight:900;
        }
        p{
            /* font-size:20px; */
            text-align:justify;
            /* 文本屬性④ */
            text-indent: 2em;
        }
        .summay{
            height:24px;
            background-color: pink;
            border:2px dashed palevioletred;
            /* 字體屬性⑤ */
            font-style: italic;
            /* 文本屬性⑧ */
            text-overflow:ellipsis;

            white-space:nowrap; /*空白屬性:設(shè)置空格和換行符的處理方式。*/
            overflow: hidden;
        }
    </style>
</head>
<body>
<pre>
    fdsaf fdsaf ff       fdsa 
fdsaf fdsaf ff       fdsa 
        fdsaf fdsaf ff       fdsa 
</pre>


    <div class="container">
        <h2>元宇宙的奧秘</h2>
        <h3>元宇宙 的奧秘</h3>
    <div class="small">作者:佚名  2022-11-08   首發(fā):極客公園作者:</div>
    <p class="summay">
        關(guān)于“元宇宙”玻佩,比較認(rèn)可的思想源頭是美國數(shù)學(xué)家和計(jì)算機(jī)專家弗諾·文奇教授出嘹,在其1981年出版的小說<span class="bold">《真名實(shí)姓》</span>中,創(chuàng)造性地構(gòu)思了一個(gè)通過腦機(jī)接口進(jìn)入并獲得感官體驗(yàn)的虛擬世界咬崔。
    </p>
    <p>
        關(guān)于“元宇宙”税稼,比較認(rèn)可的思想源頭是美國數(shù)學(xué)家和計(jì)算機(jī)專家弗諾·文奇教授,在其1981年出版的小說<span class="bold">《真名實(shí)姓》</span>中刁赦,創(chuàng)造性地構(gòu)思了一個(gè)通過腦機(jī)接口進(jìn)入并獲得感官體驗(yàn)的虛擬世界娶聘。 [4]  [24]  元宇宙始于1992年國外科幻作品<span class="bold">《雪崩》</span>里提到的“metaverse(元宇宙)”和“Avatar(化身)”這兩個(gè)概念闻镶。人們在“Metaverse”里可以擁有自己的虛擬替身甚脉,這個(gè)虛擬的世界就叫做“元宇宙”。 [23] 
20世紀(jì)70年代到95年代出現(xiàn)了大量的開放性多人游戲铆农,也就是說游戲本身的開放世界形成了元宇宙的早期基礎(chǔ)牺氨。后來,2003年有一款游戲叫<span class="bold">《Second Life》</span>發(fā)布墩剖,它在理念上給我們部分解放了現(xiàn)實(shí)世界所面臨的窘境猴凹,這句話怎么理解?就是我們在現(xiàn)實(shí)世界中最痛苦的一件事是不能快速調(diào)整自己的身份岭皂,而在虛擬世界當(dāng)中郊霎,我們可以通過擁有自己的分身來實(shí)現(xiàn),所以<span class="bold">《Second Life》</span>給了我們過一種新生活的可能性爷绘。
2020年人類社會到達(dá)虛擬化的臨界點(diǎn)书劝,疫情加速了新技術(shù)的發(fā)展,加速了非接觸式文化的形成土至。 [24] 
中國民營科技實(shí)業(yè)家協(xié)會元宇宙工作委員會
中國民營科技實(shí)業(yè)家協(xié)會元宇宙工作委員會
2021年是元宇宙元年购对。 [24]  2021年初,Soul App在行業(yè)內(nèi)首次提出構(gòu)建“社交元宇宙”陶因。 [7]  2021年3月骡苞,被稱為元宇宙第一股的羅布樂思(Roblox)正式在紐約證券交易所上市;5月,微軟首席執(zhí)行官薩蒂亞·納德拉表示公司正在努力打造一個(gè)“企業(yè)元宇宙”解幽;8月贴见,海爾率先發(fā)布的制造行業(yè)的首個(gè)智造元宇宙平臺,涵蓋工業(yè)互聯(lián)網(wǎng)亚铁、人工智能蝇刀、增強(qiáng)現(xiàn)實(shí)、虛擬現(xiàn)實(shí)及區(qū)塊鏈技術(shù)徘溢,實(shí)現(xiàn)智能制造物理和虛擬融合吞琐,融合“廠、店然爆、家”跨場景的體驗(yàn)站粟,實(shí)現(xiàn)了消費(fèi)者體驗(yàn)的提升。 [51-53]   8月曾雕,英偉達(dá)宣布推出全球首個(gè)為元宇宙建立提供基礎(chǔ)的模擬和協(xié)作平臺奴烙;8月,字節(jié)跳動(dòng)斥巨資收購VR創(chuàng)業(yè)公司Pico剖张;10月28日切诀,美國社交媒體巨頭臉書(Facebook)宣布更名為“元”(Meta),來源于“元宇宙”(Metaverse)搔弄;11月幅虑,虛擬世界平臺Decentraland公司發(fā)布消息,巴巴多斯將在元宇宙設(shè)立全球首個(gè)大使館顾犹,暫定2022年1月啟用 [2]  [8]  [11]  [23-24]   [26]  倒庵。11月,中國民營科技實(shí)業(yè)家協(xié)會元宇宙工作委員會揭牌 [31-32]  炫刷。
2021年12月21日擎宝,百度發(fā)布的首個(gè)國產(chǎn)元宇宙產(chǎn)品“希壤”正式開放定向內(nèi)測,用戶憑邀請碼可以進(jìn)入希壤空間進(jìn)行超前體驗(yàn)浑玛。 [41] 
2021年12月27日绍申,百度Create AI開發(fā)者大會將發(fā)布元宇宙產(chǎn)品“希壤”,2021年的Create大會在“希壤APP”里舉辦顾彰,這是國內(nèi)首次在元宇宙中舉辦的大會极阅,可同時(shí)容納10萬人同屏互動(dòng)。 [3]  [34] 
2021年拘央,全球首款A(yù)I人工智能數(shù)字皮影藏品登錄元宇宙涂屁。 [76]  2021年12月,入選<span class="bold">《柯林斯詞典》</span>2021年度熱詞 [21]  灰伟;12月6日拆又,入選“2021年度十大網(wǎng)絡(luò)用語”儒旬。 [22]  12月8日,入選《咬文嚼字》“2021年度十大流行語”帖族。 [30]  2022年1月栈源,入選智庫公布2021年度十大熱詞。 [49] 
2022年1月竖般,索尼(Sony)宣布了下一代虛擬現(xiàn)實(shí)頭盔(PS VR2)的新細(xì)節(jié)甚垦,以及一款適配PS VR2的新游戲。 [45] 
2022年1月4日 高通技術(shù)公司在2022年國際消費(fèi)電子展(CES)上宣布與微軟合作涣雕,擴(kuò)展并加速AR在消費(fèi)級和企業(yè)級市場的應(yīng)用艰亮。雙方對元宇宙的發(fā)展充滿信心,高通技術(shù)公司正與微軟在多項(xiàng)計(jì)劃中展開合作挣郭,共同推動(dòng)生態(tài)系統(tǒng)發(fā)展迄埃,包括開發(fā)定制化AR芯片以打造新一代高能效、輕量化AR眼鏡兑障,從而提供豐富的沉浸式體驗(yàn)侄非;并計(jì)劃集成Microsoft Mesh應(yīng)用和驍龍Spaces? XR開發(fā)者平臺等軟件。 [46] 
2022年1月流译,新鮮熱詞“元宇宙”屢登委員提案 [48] 
2022年2月逞怨,中國科技巨頭向“元宇宙”進(jìn)發(fā)。 [55] 
2022年2月14日福澡,香港海洋公園宣布:香港海洋公園叠赦、伙拍The Sandbox合作布局元宇宙。 [57] 
2022年4月25日晚間消息竞漾,據(jù)報(bào)道眯搭,F(xiàn)acebook母公司Meta宣布窥翩,其第一家“元宇宙”實(shí)體店將于5月開業(yè)业岁,消費(fèi)者可以在那里試用和購買虛擬現(xiàn)實(shí)(VR)頭顯和其他設(shè)備。 [63] 
2022年4月26日寇蚊,在渝舉行的中國元宇宙產(chǎn)業(yè)發(fā)展高峰論壇上笔时,重慶市元宇宙先導(dǎo)試驗(yàn)區(qū)正式揭牌。 [64] 
2022年5月9日仗岸,“元宇宙首爾市政廳”向公眾開放允耿。 [65] 
2022年5月25日,據(jù)媒體報(bào)道稱扒怖,有淘寶內(nèi)部人士向其透露:為了備戰(zhàn)2022年的618大促活動(dòng)较锡,淘寶內(nèi)部專門成立了元宇宙專項(xiàng)項(xiàng)目組。 [68] 
2022年6月1日, 世界牛奶日這一天, 以“i牛奶 i生活 i未來”為主題的第三屆北京牛奶文化節(jié)在“元宇宙”空間盛大開幕盗痒。 [71] 
2022年6月6日蚂蕴,龍華元宇宙數(shù)字孿生艙體驗(yàn)日活動(dòng)在深圳龍華區(qū)舉辦低散。 [72] 
北京時(shí)間2022年6月22日消息,微軟公司骡楼、Facebook母公司Meta以及其他競相構(gòu)建新興元宇宙概念的其他科技巨頭熔号,已經(jīng)成立了一個(gè)組織,目的是促進(jìn)元宇宙產(chǎn)業(yè)標(biāo)準(zhǔn)的制定鸟整,以便這些公司新推出的數(shù)字世界能夠相互兼容引镊。 [73] 
2022年6月22日,由東方美谷集團(tuán)與歐萊雅中國攜手篮条,為雙方合作的第三屆BIG BANG 美妝科技創(chuàng)造營弟头,打造的中國首個(gè)美妝科技元宇宙路演——“BIG BANG EXPO@METAVERSE”在線上啟動(dòng)亮相,6月25日正式面向公眾開放涉茧。 [74] 
2022年6月30日亮瓷,全國首個(gè)家居元宇宙平臺在南康正式發(fā)布。 [75] 
2022年7月22日降瞳,廈門市人民政府與中國移動(dòng)咪咕公司就元宇宙建設(shè)正式簽訂合作戰(zhàn)略協(xié)議嘱支,咪咕元宇宙總部成立并落戶廈門。 [80] 
2022年9月挣饥,全國科學(xué)技術(shù)名詞審定委員會邀請20余位來自學(xué)界除师、產(chǎn)業(yè)屆的各領(lǐng)域?qū)<遥瑢υ钪婕昂诵男g(shù)語概念展開了研討扔枫。 [83]  10月汛聚,2022 服貿(mào)會Web3.0發(fā)展趨勢高峰論壇上發(fā)布的<span class="bold">《中國元宇宙發(fā)展報(bào)告(2022)》</span>顯示,中國元宇宙上下游產(chǎn)業(yè)產(chǎn)值超過4000億元短荐,主要體現(xiàn)在游戲娛樂倚舀、VR和AR硬件等方面,未來五年忍宋,國內(nèi)元宇宙市場規(guī)模至少突破2000億元大關(guān)痕貌。

    </p>
    <div class="copyright small">
        歡迎轉(zhuǎn)載或引用法制晚報(bào)電子版的所載內(nèi)容,但以下內(nèi)容除外:a.法制晚報(bào)電子版所指向的非法制晚報(bào)電子版內(nèi)容的相關(guān)鏈接內(nèi)容糠排;b.已作出不得轉(zhuǎn)載或未經(jīng)許可不得轉(zhuǎn)載聲明的內(nèi)容舵稠;c.未由法制晚報(bào)電子版署名或本網(wǎng)引用、轉(zhuǎn)載的他人作品等
    </div>
    </div>
</body>
</html>

知識點(diǎn)

1.記住文本兩端對齊
2.如何添加文本陰影
3.如何添加刪除線
4.設(shè)置文本縮進(jìn)的正確姿勢

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末入宦,一起剝皮案震驚了整個(gè)濱河市哺徊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乾闰,老刑警劉巖落追,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異涯肩,居然都是意外死亡轿钠,警方通過查閱死者的電腦和手機(jī)雹熬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谣膳,“玉大人竿报,你說我怎么就攤上這事〖萄瑁” “怎么了烈菌?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長花履。 經(jīng)常有香客問我芽世,道長,這世上最難降的妖魔是什么诡壁? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任济瓢,我火速辦了婚禮,結(jié)果婚禮上妹卿,老公的妹妹穿的比我還像新娘旺矾。我一直安慰自己,他們只是感情好夺克,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布箕宙。 她就那樣靜靜地躺著,像睡著了一般铺纽。 火紅的嫁衣襯著肌膚如雪柬帕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天狡门,我揣著相機(jī)與錄音陷寝,去河邊找鬼。 笑死其馏,一個(gè)胖子當(dāng)著我的面吹牛凤跑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播尝偎,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼饶火,長吁一口氣:“原來是場噩夢啊……” “哼鹏控!你這毒婦竟也來了致扯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤当辐,失蹤者是張志新(化名)和其女友劉穎抖僵,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缘揪,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡耍群,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年义桂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蹈垢。...
    茶點(diǎn)故事閱讀 38,094評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡慷吊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出曹抬,到底是詐尸還是另有隱情溉瓶,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布谤民,位于F島的核電站堰酿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏张足。R本人自食惡果不足惜触创,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望为牍。 院中可真熱鬧哼绑,春花似錦、人聲如沸碉咆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吟逝。三九已至帽蝶,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間块攒,已是汗流浹背励稳。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留囱井,地道東北人驹尼。 一個(gè)月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像庞呕,于是被迫代替她去往敵國和親新翎。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容