您好,登錄后才能下訂單哦!
這篇文章主要講解了“CSS樣式類實例分析”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS樣式類實例分析”吧!
CSS概述
CSS指層疊樣式表(CascadingStyleSheets)
樣式定義如何顯示HTML元素
樣式通常存儲在樣式表中
把樣式添加到HTML4.0中,是為了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在CSS文件中
多個樣式定義可層疊為一個
HTML標簽原本被設計為用于定義文檔內容。通過使用<h2>、<div>、<table>這樣的標簽,HTML的初衷是表達“這是標題”、“這是段落”、“這是表格”之類的信息。同時文檔布局由瀏覽器來完成,而不使用任何的格式化標簽。
所有的主流瀏覽器均支持層疊樣式表
div和span的理解
div是一個html標簽,一個塊級元素(單獨顯示一行),單獨使用沒有任何意義,必須結合CSS來使用,主要用于頁面的布局;
span是一個html標簽,一個內聯元素(顯示一行),它單獨使用沒有任何意義,必須結合css使用,主要對括起來的內容進行樣式的修飾;
類選擇器
使用類選擇器前要對世紀文檔做標記,才能發揮類選擇器作用。
.name{text-align:center}
在文檔后面的部分,通過包含與樣式相關的'class'屬性,且將其中一個預定義的樣式指定為'name'值,就一塊明確選擇要對該標簽的特定情況用何種樣式
<pclass=name>
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>類選擇器</title>
<style>
.sheen{font-size:large;color:salmon}
</style>
</head>
<body>
<div>
SiesprechengutDeutsch.
</div>
<div>
WasmachenSiehierinBerlin?ArbeitenSiehire?
</div>
<div>
Nein,ichstudiere.
</div>
</body>
</html>
感謝各位的閱讀,以上就是“CSS樣式類實例分析”的內容了,經過本文的學習后,相信大家對CSS樣式類實例分析這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。