简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

CSS簡單學習的重點

不言
發布： 2018-04-21 15:46:32
原創
1294 人瀏覽過

這篇文章介紹的內容是CSS簡單學習的要點，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

參考：http://www.w3school. com.cn/css

CSS就是讓HTML元素顯示的更規範的一種東西，可以寫在標籤裡，文件頭，文件外，瀏覽器缺省設置（級別由高到低），可以統一規範。

元素{屬性：值}

h1 {color:red; font-size:14px;}
登入後複製

將h1 元素內的文字顏色定義為紅色，同時將字體大小設為14 像素

CSS 對大小寫不敏感。不過有一個例外：如果涉及到與 HTML 文件一起工作的話，class 和 id 名稱對大小寫是敏感的。

你可以將選擇器分組，這樣，被分組的選擇器就可以分享相同的宣告。 

h1,h2,h3,h4,h5,h6 {  color: green;  }
登入後複製

所有的標題元素都是綠色的。

id ​​選擇器以「#」 來定義

#red {color:red;}#green {color:green;}
登入後複製

第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>
登入後複製

id屬性只能在每個HTML 文件中出現一次

派生選擇器：透過上下文定義樣式
id選擇器：特定id定義樣式用
#類別選擇器：.類別名稱
屬性選擇器：為指定屬性定義樣式

外部樣式表：

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
登入後複製

            

#

以上是CSS簡單學習的重點的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
css 重點
來源：php.cn
上一篇：css模擬行星 下一篇：CSS中可繼承的屬性
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
9
1588
透過新增 Width 屬性將內容向左移動 我已經為主體提供了邊距。主要{左邊緣：200px;右邊距：200px；文本對齊：居中}由於我想以兩行而不是一行顯示文本，因此我在樣式中添加了width屬性。 .p{字體大小：12p...
來自於 2024-04-06 22:01:35
0
3
816
如何在 React 中的排序方法上觸發渲染（帶有過濾器和分頁）？ 這是我的Sort.js樣式元件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...
來自於 2024-04-06 21:28:37
0
1
2257
匹配單字的正規表示式 我有一個腳本，我試圖將新的職位名稱與資料庫中的現有職位名稱進行配對。 SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,...
來自於 2024-04-06 21:24:04
0
1
606
查詢和公式形成整個表，帶有新列，其中新列是涉及其他條件列值的公式 編輯：公式應該是“值”列-根據類別具有最低user_id的“值”列。因此第2行將為0.04，因為類別「A」的最低「user_id」的「value」欄位是0.01。抱歉。我想從表中檢...
來自於 2024-04-06 21:23:40
0
2
530
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！