首頁(yè)?>?知識(shí)?資訊?>?CSS是什么意思?>?正文

CSS是什么意思

2019/12/26 0:00:00 · 稿源:傳誠(chéng)信

CSS代表級(jí)聯(lián)樣式表,用法語(yǔ)表示級(jí)聯(lián)樣式表。如果您想了解更多,請(qǐng)繼續(xù)閱讀

?css

  • CSS的含義

  • CSS的起源

  • 什么事啊

  • CSS問(wèn)題

  • CSS版本

  • 創(chuàng)建CSS需要什么?

  • 一些有用的CSS屬性

?

CSS的含義

因此,首字母縮寫(xiě)CSS意味著我們已經(jīng)看到了莎士比亞語(yǔ)言中的層疊樣式表。

最接近法文的文字是級(jí)聯(lián)樣式表。除此之外,您不一定要更高級(jí),對(duì)嗎?是的,的確如此,目前還不清楚。因此,讓我們更詳細(xì)地了解它是什么。首先,“ Sheets”一詞等同于文件;然后,“樣式”一詞表示元素的格式,最后是“層疊”一詞,表示應(yīng)用于同一文檔的不同樣式的組合。在這里,您現(xiàn)在已經(jīng)了解了CSS定義,但是我們建議您在簡(jiǎn)要回顧一下CSS的起源之后,再深入一點(diǎn),具體看看它的外觀以及使用這種補(bǔ)充HTML的計(jì)算機(jī)語(yǔ)言可以做什么。

CSS的起源

這種計(jì)算機(jī)語(yǔ)言緊隨HTML之后。CSS誕生于1996年,而HTML誕生于1991年。您是否想知道網(wǎng)站是如何格式化的?很簡(jiǎn)單,在網(wǎng)站開(kāi)發(fā)時(shí)插入適當(dāng)?shù)腍TML標(biāo)記(如換句話說(shuō),同一頁(yè)面上的內(nèi)容和形式是一堆大雜燴!因此,即使看起來(lái)很奇怪,但CSS的開(kāi)端并沒(méi)有取得很大的成功,導(dǎo)航也不容易。確實(shí),開(kāi)發(fā)人員還不習(xí)慣使用CSS,他們并沒(méi)有立即擺脫不良習(xí)慣以采用CSS允許的良好方法。此外,仍然可以找到許多帶有過(guò)時(shí)標(biāo)簽的網(wǎng)站。

什么事啊

因此,CSS是一個(gè)樣式表,可幫助我們格式化HTML。它允許您選擇HTML中的元素。這是一個(gè)例子:

body?{
?background-color:?black;?
?font-family:?Georgia;?
?font-size:?30px;
?}h1?{
?font-size:?60px;?
?color:?blue;?
?text-align:?center;
?}h2?{
?font-size:?45px;?
?color:?green;?
?padding-left:?10px;
?}

創(chuàng)建CSS代碼行時(shí),必須注意不要忘記花括號(hào)和分號(hào)!即使某些文本編輯器告訴您何時(shí)發(fā)生錯(cuò)誤,也最好重新讀取HTML和CSS中的代碼,以便自動(dòng)編寫(xiě)代碼。從那里,您自己創(chuàng)建網(wǎng)站或使用開(kāi)源CMS提供的數(shù)據(jù)庫(kù)將變得輕而易舉!

CSS問(wèn)題

掌握CSS的第一個(gè)也是最重要的問(wèn)題是能夠分解其形式的文檔的體系結(jié)構(gòu)。我們總是從形狀之前的底部開(kāi)始。

第二個(gè)挑戰(zhàn)是根據(jù)媒體和用戶偏好來(lái)定義文檔的樣式呈現(xiàn)。

第三個(gè)也是最后一個(gè)挑戰(zhàn)是根據(jù)樣式的來(lái)源,媒體或整個(gè)文檔的結(jié)構(gòu),將樣式的不同來(lái)源與單個(gè)文檔相關(guān)聯(lián)。

CSS版本

迄今為止,CSS已經(jīng)發(fā)展了四次,而不再需要通過(guò)更新來(lái)更新自身:

  • CSS 1:第一級(jí)詳細(xì)介紹了一種語(yǔ)法,旨在使新功能的添加成為可能,同時(shí)接受原始執(zhí)行對(duì)未來(lái)樣式表的解釋。

  • CCS 2:新屬性允許用戶首選項(xiàng)包含在網(wǎng)站格式中。

  • CSS 2.1:這是CSS 2的修訂版,用于糾正遇到的問(wèn)題。

  • CSS 3:這是當(dāng)前版本。“媒體查詢”的到來(lái)促進(jìn)了網(wǎng)站在所有屏幕上的轉(zhuǎn)換。更好的顏色管理和對(duì)用戶界面的考慮是最高級(jí)的模塊。借助“媒體查詢”,響應(yīng)式Web設(shè)計(jì)(最佳用戶體驗(yàn))從未如此輕松。

據(jù)說(shuō)正在開(kāi)發(fā)CSS 4版本。

創(chuàng)建CSS需要什么?

您需要一個(gè)文本編輯器(SublimeVisual Studio Code,Atom?…)和一個(gè)Internet瀏覽器,例如Chrome,ExplorerOpera?…(以測(cè)試格式化的網(wǎng)頁(yè))。

有3種解決方案來(lái)編寫(xiě)CSS代碼:

  • 在HTML以外的文件中(該文件可以在擴(kuò)展名的水平上命名.css,而另一個(gè)文件在該文件的級(jí)別上經(jīng)常命名樣式(style.css通常是您在網(wǎng)站上找到該文件時(shí)的名稱)只有一個(gè)CSS文件))。

  • 在HTML文件的 標(biāo)頭中。

  • 在帶有樣式屬性的 標(biāo)記中。

強(qiáng)烈建議在.css文件中編寫(xiě)表單,以區(qū)分HTML和CSS。信不信由你,創(chuàng)建一個(gè)不同的文件,您將損失更少。最重要的是,除了丟失更少(您的HTML文件將因?yàn)槠渲袥](méi)有CSS而只會(huì)更具可讀性)之外,這還為您節(jié)省了寶貴的時(shí)間,您可以通過(guò)以下方式進(jìn)行修改:以下。

實(shí)際上,通過(guò)在CSS樣式文件上對(duì)不同格式進(jìn)行分組,如果要更改顏色或字體大小,只需修改CSS文件,以便在所有頁(yè)面上進(jìn)行修改。比您必須修改所有頁(yè)面的所有html標(biāo)簽以修改其中的樣式部分的速度快得多

您可能想知道HTML文件如何讀取CSS文件?好吧,只需在HTML文件中編寫(xiě)以下代碼。不要忘記重命名與您為CSS文件指定的名稱相對(duì)應(yīng)的文件。

?

一些有用的CSS屬性

更改背景顏色

background-color:

改變邊界

border:

選擇字體(印刷術(shù))

font-family:

選擇字體大小

font-size:

更改元素的高度和寬度

height:width:

更改列表的特征

list-style:

確定文本的水平對(duì)齊方式

text-align:

?

您了解有關(guān)CSS的更多信息。您會(huì)發(fā)現(xiàn),它并不像聽(tīng)起來(lái)那樣復(fù)雜。只需選擇適當(dāng)?shù)脑?,然后您就可以自由地在右?cè)對(duì)齊文本或更改要?jiǎng)?chuàng)建的網(wǎng)頁(yè)的背景顏色。嘗試編寫(xiě)鏈接到.css文件的HTML頁(yè)面的代碼,并自己看看借助上述屬性可以做什么。既然您知道如何使用HTML進(jìn)行編碼,那么您就可以使用CSS來(lái)設(shè)置網(wǎng)頁(yè)格式。

通過(guò)學(xué)習(xí)您可以在CSS中定義的每個(gè)html標(biāo)簽和每個(gè)格式設(shè)置選項(xiàng),您幾乎可以創(chuàng)建自己的網(wǎng)站了。這是一個(gè)極好的練習(xí),至少要執(zhí)行一次以“動(dòng)手操作”,即使以后再這樣做,也是為了簡(jiǎn)單起見(jiàn),因?yàn)榭偸菄L試重新發(fā)明它并不是很有用。輪,您可以在現(xiàn)有基礎(chǔ)上構(gòu)建,而您只需要根據(jù)需要自定義即可。也是因?yàn)槟呀?jīng)自己完成了此操作,所以在現(xiàn)有的基礎(chǔ)上重做它會(huì)更加舒適和快捷。


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354