CSS代表級聯(lián)樣式表,用法語表示級聯(lián)樣式表。如果您想了解更多,請繼續(xù)閱讀
?
CSS的含義
CSS的起源
什么事啊
CSS問題
CSS版本
創(chuàng)建CSS需要什么?
一些有用的CSS屬性
?
CSS的含義
因此,首字母縮寫CSS意味著我們已經(jīng)看到了莎士比亞語言中的層疊樣式表。
最接近法文的文字是級聯(lián)樣式表。除此之外,您不一定要更高級,對嗎?是的,的確如此,目前還不清楚。因此,讓我們更詳細(xì)地了解它是什么。首先,“ Sheets”一詞等同于文件;然后,“樣式”一詞表示元素的格式,最后是“層疊”一詞,表示應(yīng)用于同一文檔的不同樣式的組合。在這里,您現(xiàn)在已經(jīng)了解了CSS的定義,但是我們建議您在簡要回顧一下CSS的起源之后,再深入一點,具體看看它的外觀以及使用這種補充HTML的計算機(jī)語言可以做什么。
CSS的起源
這種計算機(jī)語言緊隨HTML之后。CSS誕生于1996年,而HTML誕生于1991年。您是否想知道網(wǎng)站是如何格式化的?很簡單,在網(wǎng)站開發(fā)時插入適當(dāng)?shù)腍TML標(biāo)記(如
什么事啊
因此,CSS是一個樣式表,可幫助我們格式化HTML。它允許您選擇HTML中的元素。這是一個例子:
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代碼行時,必須注意不要忘記花括號和分號!即使某些文本編輯器告訴您何時發(fā)生錯誤,也最好重新讀取HTML和CSS中的代碼,以便自動編寫代碼。從那里,您自己創(chuàng)建網(wǎng)站或使用開源CMS提供的數(shù)據(jù)庫將變得輕而易舉!
CSS問題
掌握CSS的第一個也是最重要的問題是能夠分解其形式的文檔的體系結(jié)構(gòu)。我們總是從形狀之前的底部開始。
第二個挑戰(zhàn)是根據(jù)媒體和用戶偏好來定義文檔的樣式呈現(xiàn)。
第三個也是最后一個挑戰(zhàn)是根據(jù)樣式的來源,媒體或整個文檔的結(jié)構(gòu),將樣式的不同來源與單個文檔相關(guān)聯(lián)。
CSS版本
迄今為止,CSS已經(jīng)發(fā)展了四次,而不再需要通過更新來更新自身:
CSS 1:第一級詳細(xì)介紹了一種語法,旨在使新功能的添加成為可能,同時接受原始執(zhí)行對未來樣式表的解釋。
CCS 2:新屬性允許用戶首選項包含在網(wǎng)站格式中。
CSS 2.1:這是CSS 2的修訂版,用于糾正遇到的問題。
CSS 3:這是當(dāng)前版本。“媒體查詢”的到來促進(jìn)了網(wǎng)站在所有屏幕上的轉(zhuǎn)換。更好的顏色管理和對用戶界面的考慮是最高級的模塊。借助“媒體查詢”,響應(yīng)式Web設(shè)計(最佳用戶體驗)從未如此輕松。
據(jù)說正在開發(fā)CSS 4版本。
創(chuàng)建CSS需要什么?
您需要一個文本編輯器(Sublime,Visual Studio Code,Atom?…)和一個Internet瀏覽器,例如Chrome,Explorer,Opera?…(以測試格式化的網(wǎng)頁)。
有3種解決方案來編寫CSS代碼:
在HTML以外的文件中(該文件可以在擴(kuò)展名的水平上命名.css,而另一個文件在該文件的級別上經(jīng)常命名樣式(style.css通常是您在網(wǎng)站上找到該文件時的名稱)只有一個CSS文件))。
在HTML文件的 head>標(biāo)頭中。
在帶有樣式屬性的 html>標(biāo)記中。
強烈建議在.css文件中編寫表單,以區(qū)分HTML和CSS。信不信由你,創(chuàng)建一個不同的文件,您將損失更少。最重要的是,除了丟失更少(您的HTML文件將因為其中沒有CSS而只會更具可讀性)之外,這還為您節(jié)省了寶貴的時間,您可以通過以下方式進(jìn)行修改:以下。
實際上,通過在CSS樣式文件上對不同格式進(jìn)行分組,如果要更改顏色或字體大小,只需修改CSS文件,以便在所有頁面上進(jìn)行修改。比您必須修改所有頁面的所有html標(biāo)簽以修改其中的樣式部分的速度快得多。
您可能想知道HTML文件如何讀取CSS文件?好吧,只需在HTML文件中編寫以下代碼。不要忘記重命名與您為CSS文件指定的名稱相對應(yīng)的文件。
?
一些有用的CSS屬性
更改背景顏色
background-color:
改變邊界
border:
選擇字體(印刷術(shù))
font-family:
選擇字體大小
font-size:
更改元素的高度和寬度
height:width:
更改列表的特征
list-style:
確定文本的水平對齊方式
text-align:
?
您了解有關(guān)CSS的更多信息。您會發(fā)現(xiàn),它并不像聽起來那樣復(fù)雜。只需選擇適當(dāng)?shù)脑兀缓竽涂梢宰杂傻卦谟覀?cè)對齊文本或更改要創(chuàng)建的網(wǎng)頁的背景顏色。嘗試編寫鏈接到.css文件的HTML頁面的代碼,并自己看看借助上述屬性可以做什么。既然您知道如何使用HTML進(jìn)行編碼,那么您就可以使用CSS來設(shè)置網(wǎng)頁格式。
通過學(xué)習(xí)您可以在CSS中定義的每個html標(biāo)簽和每個格式設(shè)置選項,您幾乎可以創(chuàng)建自己的網(wǎng)站了。這是一個極好的練習(xí),至少要執(zhí)行一次以“動手操作”,即使以后再這樣做,也是為了簡單起見,因為總是嘗試重新發(fā)明它并不是很有用。輪,您可以在現(xiàn)有基礎(chǔ)上構(gòu)建,而您只需要根據(jù)需要自定義即可。也是因為您已經(jīng)自己完成了此操作,所以在現(xiàn)有的基礎(chǔ)上重做它會更加舒適和快捷。