CSS Selectors
支援CSS1 以上


說明:
定義 Html 多個 Tag  套用樣式
字大小 font-size
字型 font-style
字顏色 color
italic 為斜體字型
30px 為30像素
color 為 blue;

程式:


<html>
<head>
<title>[css-基本類]基本定義Html 多個 Tag 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
#myDivId,.myClass,p,div {
font-size: 30px;
font-style: italic;
color: blue;
}
</style>
</head>
<body>
<div>[css-基本類]基本定義Html 多個 Tag 套用樣式 -- div Tag</div>
<h1 id="myDivId">[css-基本類]基本定義Html 多個 Tag 套用樣式 -- h1 Tag myDivId</h1>
<p>[css-基本類]基本定義Html 多個 Tag 套用樣式1 -- p Tag</p>
<h2 class="myClass">[css-基本類]基本定義Html 多個 Tag 套用樣式2 -- h2 Tag
myClass</h2>

<h1>[css-基本類]基本定義Html 多個 Tag 套用樣式 -- h1 Tag</h1>
<h2>[css-基本類]基本定義Html 多個 Tag 套用樣式2 -- h2 Tag</h2>
</body>
</html>


會將
id 為 myDivId
class 為 myClass
html tag p
html tag div 以上都套用樣式

圖:





測試結束~
如果還不了解可參考:w3schools CSS Selector Reference


感謝~

 




 






 
















其它文章

arrow
arrow

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()