您好,登錄后才能下訂單哦!
本篇內容主要講解“如何理解css樣式的特點與優先選擇權”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“如何理解css樣式的特點與優先選擇權”吧!
CSS樣式的特點:(子元素會繼承父元素的某些樣式,子元素有自己的樣式就用自己的樣式,沒有的就用父元素的)
1.繼承:
網頁中子元素,將繼承父元素的樣式(比如要控制p標簽中的文字大小,可以直接給body標記添加樣式)
2.層疊:
網頁中子元素定義了與父元素相同的樣式,則子元素的樣式將覆蓋父元素的樣式
后面的樣式會覆蓋前面的樣式
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS樣式的特點</title>
<style type="text/css">
body{
font-size:24px;
color:#F00;}
p{color:#F0F;}
/*下面的樣式會覆蓋上面的樣式*/
p{color:#0F0;}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<p>斯帥稱客戰開拓者奧登不打 波什:他很快就可復出</p>
</body>
</html>
到此,相信大家對“如何理解css樣式的特點與優先選擇權”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。