2019-07-10 分類: 網(wǎng)站建設(shè)
CSS代表級聯(lián)樣式表,用法語表示級聯(lián)樣式表。如果您想了解更多,請繼續(xù)閱讀
CSS的含義
CSS的起源
什么事啊
CSS問題
CSS版本
創(chuàng)建CSS需要什么?
一些有用的CSS屬性
因此,首字母縮寫CSS意味著我們已經(jīng)看到了莎士比亞語言中的層疊樣式表。
最接近法文的文字是級聯(lián)樣式表。除此之外,您不一定要更高級,對嗎?是的,的確如此,目前還不清楚。因此,讓我們更詳細(xì)地了解它是什么。首先,“ Sheets”一詞等同于文件;然后,“樣式”一詞表示元素的格式,最后是“層疊”一詞,表示應(yīng)用于同一文檔的不同樣式的組合。在這里,您現(xiàn)在已經(jīng)了解了CSS的定義,但是我們建議您在簡要回顧一下CSS的起源之后,再深入一點(diǎn),具體看看它的外觀以及使用這種補(bǔ)充HTML的計算機(jī)語言可以做什么。
這種計算機(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的第一個也是最重要的問題是能夠分解其形式的文檔的體系結(jié)構(gòu)。我們總是從形狀之前的底部開始。
第二個挑戰(zhàn)是根據(jù)媒體和用戶偏好來定義文檔的樣式呈現(xiàn)。
第三個也是最后一個挑戰(zhàn)是根據(jù)樣式的來源,媒體或整個文檔的結(jié)構(gòu),將樣式的不同來源與單個文檔相關(guān)聯(lián)。
迄今為止,CSS已經(jīng)發(fā)展了四次,而不再需要通過更新來更新自身:
CSS 1:第一級詳細(xì)介紹了一種語法,旨在使新功能的添加成為可能,同時接受原始執(zhí)行對未來樣式表的解釋。
CCS 2:新屬性允許用戶選項(xiàng)包含在網(wǎng)站格式中。
CSS 2.1:這是CSS 2的修訂版,用于糾正遇到的問題。
CSS 3:這是當(dāng)前版本?!懊襟w查詢”的到來促進(jìn)了網(wǎng)站在所有屏幕上的轉(zhuǎn)換。更好的顏色管理和對用戶界面的考慮是高級的模塊。借助“媒體查詢”,響應(yīng)式Web設(shè)計(好用戶體驗(yàn))從未如此輕松。
據(jù)說正在開發(fā)CSS 4版本。
您需要一個文本編輯器(Sublime,Visual Studio Code,Atom…)和一個Internet瀏覽器,例如Chrome,Explorer,Opera…(以測試格式化的網(wǎng)頁)。
有3種解決方案來編寫CSS代碼:
在HTML以外的文件中(該文件可以在擴(kuò)展名的水平上命名.css,而另一個文件在該文件的級別上經(jīng)常命名樣式(style.css通常是您在網(wǎng)站上找到該文件時的名稱)只有一個CSS文件))。
在HTML文件的標(biāo)頭中。
在帶有樣式屬性的標(biāo)記中。
強(qiáng)烈建議在.css文件中編寫表單,以區(qū)分HTML和CSS。信不信由你,創(chuàng)建一個不同的文件,您將損失更少。最重要的是,除了丟失更少(您的HTML文件將因?yàn)槠渲袥]有CSS而只會更具可讀性)之外,這還為您節(jié)省了寶貴的時間,您可以通過以下方式進(jìn)行修改:以下。
實(shí)際上,通過在CSS樣式文件上對不同格式進(jìn)行分組,如果要更改顏色或字體大小,只需修改CSS文件,以便在所有頁面上進(jìn)行修改。比您必須修改所有頁面的所有html標(biāo)簽以修改其中的樣式部分的速度快得多。
您可能想知道HTML文件如何讀取CSS文件?好吧,只需在HTML文件中編寫以下代碼。不要忘記重命名與您為CSS文件指定的名稱相對應(yīng)的文件。
更改背景顏色
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è)置選項(xiàng),您幾乎可以創(chuàng)建自己的網(wǎng)站了。這是一個極好的練習(xí),至少要執(zhí)行一次以“動手操作”,即使以后再這樣做,也是為了簡單起見,因?yàn)榭偸菄L試重新發(fā)明它并不是很有用。輪,您可以在現(xiàn)有基礎(chǔ)上構(gòu)建,而您只需要根據(jù)需要自定義即可。也是因?yàn)槟呀?jīng)自己完成了此操作,所以在現(xiàn)有的基礎(chǔ)上重做它會更加舒適和快捷。
文章題目:CSS是什么意思
文章地址:http://www.rwnh.cn/news/80068.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、ChatGPT、Google、微信公眾號、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容