一看就明白的新手簡單CSS教程

來源:互聯網
上載者:User
關鍵字 網頁設計

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

大家好 今天我給新手簡單的介紹下CSS 老鳥就飛過吧 呵呵 希望大家支援我們 客來搜-www.kelaiso.cn

1.什麼是CSS

級聯樣式表 CSS(Cascading Style Sheet) 它是一種簡單語言的名稱,使用者可以運用它聲明Web瀏覽器如何顯示文檔。 它廣泛應用於WEB和HTML,XML的更新語言中。 簡單來說它就是一種語言代碼,一種樣式語言.

2.CSS能做些什麼

(1)它可以改變文本的格式和顏色 設置字體大小、連結顏色、首字母下沉等一些文字效果。

(2)也可以對圖形外觀和佈局進行設置,例如設置本經圖形、水準邊距和排列位置等外觀設置。

(3)動態操作就是一些交互性的效果,例如設置滑鼠在連結上的效果等一些問題。

3 CSS的編寫規則

它由兩部分組成:選擇符和聲明。 聲明又是由屬性和屬性的值組成。 一般簡單的CSS規則就是這麼寫的 選擇符{屬性:值;} CSS編寫不是太注重編寫的樣式,它都是忽略空白的地方,所以寫成這些樣子也沒有關系 選擇符{ 屬性:值; } 擇符就是在HTML中的帶有<>的元素標籤,例如

我們就可以拿來做選擇符 p{clore:blue;} 規則會選擇所有

標籤樣式,聲明是規則的下一部分 聲明在{}大括弧內。 最好實用;方便查看,選擇符{屬性:值;}

4 聯合CSS規則

p{color:bule;}
p{font-size:large;}   p{color:bule;font-size:large;} 都可以這樣寫,兩天聲明間必須有分隔符號.

5 CSS注釋
/*注釋*/ 注釋可以寫在任何地方 但是不可以嵌套

/*變成藍色*/
p{color:bule;}    p{color:/*變成藍色*/bule;}   p{/*color:/*變成藍色*/bule;/*}----不可以嵌套

6 文本格式的簡單CSS屬性

color屬性控制文本顏色屬性 h1{color:lime;}
background-color 屬性    body{background:silver;}
font-size屬性制定文本大小d1{font-size:large}
font-family屬性是設置文本字體,字體族. body{font-family:Arial,sans-serif;}

7 HTML中連結樣式表用<link>元素可以解決,但他只在<head>部分出現
<  head>
<title>客來搜-kelaiso.cn</title>
<link type="text/css" rel="stylesheet" href="kelaiso.css">
</head>

  這些都是一些簡單的CSS問題,寫這個是希望沒有接觸過CSS的朋友能夠簡單的瞭解一下他基本的一些東西,同時也使自己在鞏固一下,寫的也沒什麼技術含量,大家不要見笑,不要砸我啊。 希望大家能支援下我的網站:客來搜-www.kelaiso.cn 另外還是希望能找到幾個朋友一起建站一起發展,有意思的聯繫我:122422361

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.