CSS3新增的屬性有：1、文字陰影；2、背景漸層；3、顏色透明度；4、元素旋轉；5、多列佈局；6、字體改變等等。
本文操作環境：Windows7系統、Dell G3電腦、css3版。
今天將和大家介紹CSS3中的新增屬性，具有一定的參考價值，希望對大家有所幫助
最新版本的CSS3的出現使Web設計更容易，雖然並非所有瀏覽器都支援它。但是由於技術上的迅速變化，CSS3的模組化的規範化使目前所有瀏覽器都在實施完整的CSS3支持，相信不久之後CSS3以及HTML5 將成為網絡的未來，接下來將在文章中和大家詳細介紹CSS3中的新功能
瀏覽器相容問題：
Firefox 需要前綴-moz-。
Chrome 和 Safari 需要前綴 -webkit-。
【推薦課程：CSS3教學#】
CSS3文字陰影
<div style="text-shadow: 5px 5px 5px #444;">这是一行文字</div>
CSS3 背景漸變效果
CSS3中線性漸變屬性到目前為止僅在Safari 4和Chrome和Firefox 3.6中受支持。
<div background-color: background-repeat: background:></div>
CSS3 顏色效果
現在具有不透明度
rgb在CSS中是用來設定元素的顏色的但在CSS3中新增了一個可以設定顏色不透明度的操作，rgb已轉換為rgba，這簡化了控制元素不透明度的方式。
<div style="width:50px;height:50px;background-color:rgba(123,123,123,0.4);"></div>
CSS3轉換（元素旋轉）
CSS3新引入了transform屬性用以旋轉元素
<div style="width:50px;height:50px;background-color: pink;-webkit-transform:rotate(40deg); ">旋转</div>
CSS3多列版面配置
在網頁版面上每個網頁都需要被分成列，並加以調整使其適合不同的瀏覽器，CSS3中使用的多列佈局屬性只需要指定所需列數然後創建它們
column-count 屬性規定元素應該被分隔的列數
div.content{
width:210px;
border:1px solid #ccc;
/*将当前内容分成3列*/
-webkit-column-count:3;
-webkit-column-gap:25px;/*列之间的间隔*/
-webkit-column-rule:1px solid #ccc;/*规定列之间的宽度、样式和颜色规则*/
}
</style>
</head>
<body>
<div class="content">
php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!可边学习边在线修改示例代码,查看执行效果!php从入门到精通,一站式php自学平台!
</div>
CSS3 Web字體
CSS3也可以在網頁上嵌入任何自訂字體，原本字體依賴客戶端系統，網頁只能呈現瀏覽器或客戶端電腦支援的字體，但透過使用@font-face屬性，您可以使用其他位置上的字體
@font-face
{
font-family: myFirstFont;
src: url(Sansation-Italic.ttf)
}
div
{
font-family:myFirstFont;
}
</style>
</head>
<body>
<div>WWWWWW</div>
總結：以上就是本篇文章的全部內容了，希望對大家了解CSS3的新屬性有一定的幫助。
以上是CSS3新增了哪些屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
兩個圖像和一個API：我們重新著色產品所需的一切Apr 15, 2025 am 11:27 AM我最近找到了一種動態更新任何產品圖像的顏色的解決方案。因此，只有一種產品之一，我們可以以不同的方式對其進行著色以顯示
每周平台新聞：第三方代碼，被動混合內容，連接最慢的國家的影響Apr 15, 2025 am 11:19 AM在本週的綜述中，燈塔在第三方腳本上闡明了燈光，不安全的資源將在安全站點上被阻止，許多國家連接速度
託管您自己的非JavaScript分析的選項Apr 15, 2025 am 11:09 AM有很多分析平台可幫助您跟踪網站上的訪問者和使用數據。也許最著名的是Google Analytics（廣泛使用）
它全部都在頭上：管理帶有React頭盔的React Power Site的文檔頭Apr 15, 2025 am 11:01 AM該文檔負責人可能不是網站上最迷人的部分，但是其中所處的內容對於您的網站的成功也一樣重要
JavaScript中的Super（）是什麼？Apr 15, 2025 am 10:59 AM當您看到一些稱為super（）的JavaScript時，在子類中，您會使用super（）調用其父母的構造函數和超級。訪問它
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Atom編輯器mac版下載
最受歡迎的的開源編輯器
Dreamweaver CS6
視覺化網頁開發工具
EditPlus 中文破解版
體積小，語法高亮，不支援程式碼提示功能
