在學習應用css之前我們要先了解一下什么是css。CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
- CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言).
- 在標準網(wǎng)頁設計中CSS負責網(wǎng)頁內容(XHTML)的表現(xiàn).
- CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用css為文件名后綴.
- 可以通過簡單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個網(wǎng)頁設計人員的必修課.
- CSS是由W3C的CSS工作組產生和維護的.
新建一個前端學習qun438905713,在群里大多數(shù)都是零基礎學習者,大家相互幫助,相互解答,并且還準備很多學習資料,歡迎零基礎的小伙伴來一起交流。
了解了什么是css后我們就可以方便對其應用了,我們可以用以下兩種方式加入你的博客當中去,由于css的應用方式有就近原則。也就是說最接近目標的樣式定義優(yōu)先權越高。高優(yōu)先權樣式將繼承低優(yōu)先權樣式的未重疊定義但覆蓋重疊的定義。
鏈入外部樣式表文件 (Linking to a Style Sheet)
你可以先建立外部樣式表文件(.css),然后使用HTML的link對象。示例如下:
<head>
<title>文檔標題</title>
<link rel=stylesheet href="http://www.123-seo,cn/dhtmlet.css" type="text/css">
</head>
而在XML中,你應該如下例所示在聲明區(qū)中加入:
<? xml-stylesheet type="text/css" href="http://www.123-seo.cn/dhtmlet.css" ?>
定義內部樣式塊對象 (Embedding a Style Block)
你可以在你的HTML文檔的<HTML>和<BODY>標記之間插入一個<STYLE>...</STYLE>塊對象。 定義方式請參閱樣式表語法。示例如下:
<html>
<head>
<title>文檔標題</title>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
</head>
<body>
請注意,這里將style對象的type屬性設置為"text/css",是允許不支持這類型的瀏覽器忽略樣式表單。
————————————————
版權聲明:本文為CSDN博主「html基礎教程」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權協(xié)議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/html168/article/details/104565043