css折疊樣式（3）――常用樣式屬性-css教學-PHP中文網

首頁

web前端

css教學

css折疊樣式（3）――常用樣式屬性

黄舟

Dec 28, 2016 pm 04:06 PM

css

一點：

css折疊樣式（3）――常用樣式屬性

一、顏色屬性

css折疊樣式（3）――常用樣式屬性

demo.html

<!doctype html>  
<html>  
    <head>  
        <title>CSS的颜色属性的四种方式</title>  
        <meta charset="utf-8">  
        <style type="text/css">  
            body{  
                color:red  
            }  
            .c1{  
                color:#ff6600  
            }  
          
            .c2{  
                color:rgb(0,0,255)  /* 红(R)、绿(G)、蓝(B) 每个的取值范围0~255 */  
            }  
          
            .c3{  
                color:rgba(0,100,0,0.4)    /* RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的(色彩空间)透明度(0-1) */  
            }  
        </style>  
    </head>  
    <body>  
        <p>这是第一种方式</p>  
        <p class="c1">这是第二种方式</p>  
        <p class="c2">这是第三种方式</p>  
        <p class="c3">这是第四种方式</p>  
    </body>  
</html>

二、字體屬性

<!doctype html>  
<html>  
    <head>  
        <title>CSS的字体属性</title>  
        <meta charset="utf-8">  
        <link rel="stylesheet" type="text/css" href="style.css">  
  
    </head>  
    <body>  
        <p class="c1">字体大小20px</p>  
        <p class="c2">楷体</p>  
        <p class="c3">加粗</p>  
        <p class="c4">斜体</p>  
          
    </body>  
</html>

[b]三、背景屬性[/b]

四、文本屬性

五、邊框屬性 css折疊樣式（3）――常用樣式屬性

（1）邊框風格： css折疊樣式（3）――常用樣式屬性

（2）邊框寬度： css折疊樣式（3）――常用樣式屬性

（3）邊框顏色： css折疊樣式（3）――常用樣式屬性

（4）組合方式（簡寫方式如上圖） css折疊樣式（3）――常用樣式屬性

demo.html

p.c1{  
      
    font-size:50px  
}  
  
p.c2{  
      
    font-family:KaiTi,SimSun    /* 可以使用“，”隔开，以确保当字体不存在的时候直接使用下一个 */  
}  
  
p.c3{  
      
    font-weight:bold           /* font-weight 字体加粗,normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细) */  
                              /*另外一种方式：100、200、300~900，400 = normal，而 700 = bold，只能整百 */  
}  
      
p.c4{  
      
    font-style:italic    /* normal:标准 italic:斜体 oblique:倾斜 inherit：继承  */  
}

就是css折疊樣式（3）――常用樣式屬性的內容，更多相關內容請關注PHP中文網（www.php.cn）！

css折疊樣式（3）――常用樣式屬性

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

@rules具有多少特異性，例如@keyframes和@media？Apr 18, 2025 am 11:34 AM

前幾天我得到了這個問題。我的第一個想法是：奇怪的問題！特異性是關於選擇者的，而在符號不是選擇器，那麼...無關緊要？

您可以嵌套@Media和@support查詢嗎？Apr 18, 2025 am 11:32 AM

是的，您可以，而且它並不重要。不需要CSS預處理器。它在常規CSS中起作用。

快速吞噬緩存破壞Apr 18, 2025 am 11:23 AM

您應該肯定會在CSS和JavaScript（以及圖像和字體以及其他內容）等資產上設置遙遠的高速緩存標頭。告訴瀏覽器

尋找可以監視CSS質量和復雜性的堆棧Apr 18, 2025 am 11:22 AM

許多開發人員寫瞭如何維護CSS代碼庫的文章，但並沒有很多關於如何測量該代碼庫質量的文章。當然，我們有

數據學家用於建議不執行值的值Apr 18, 2025 am 11:08 AM

您是否曾經有一種需要接受簡短而任意的文本的表格？喜歡名字或其他。那完全是用的。有很多

蘇黎世的最初會議Apr 18, 2025 am 11:03 AM

我很高興能前往瑞士蘇黎世參加前界（Love the Name and URL！）。我以前從未去過瑞士，所以我很興奮

使用CloudFlare工人建立全棧無服務器應用程序Apr 18, 2025 am 10:58 AM

我在軟件開發方面最喜歡的發展之一是無服務器的出現。作為一個傾向於陷入細節的開發人員

在NUXT應用程序中創建動態路由Apr 18, 2025 am 10:53 AM

在這篇文章中，我們將使用我構建和部署的電子商務商店演示來進行Netlify，以展示如何為傳入數據製作動態路線。這是一個公平的

See all articles

熱AI工具

熱工具

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序，非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具，幫助Web開發人員更好地理解保護網路應用程式的過程，並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞，難度各不相同。請注意，該軟體中

PhpStorm Mac 版本

最新（2018.2.1 ）專業的PHP整合開發工具

SublimeText3 英文版

推薦：為Win版本，支援程式碼提示！

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。