首先,我們要知道css是什麼。簡單地說,css層疊樣式表是用來表現html或xml等檔案樣式的一種語言,它可以對頁面中所有元素的位置、大小、顏色等進行編輯,來靜態的修飾網頁,規範頁面的排版布局。那麼css如何與對應的html檔案進行連線從而起到作用呢?這就是本篇部落格的主要內容。
應用css樣式表的三種方式:行內樣式表、內部樣式表、外部樣式表
1.行內樣式表:是用style屬性實現,寫在內部的樣式表
特點:1.講css**與html**完全雜糅在一起,不符合w3c關於「內容與表現分離」的編碼規則,不利於後期維護
2.優先順序最高,一般用的測試
1<
body
>
2<
div
style
="樣式;樣式;"
>
3div
>
4body
>
2.內部樣式表:是把寫在頭部的樣式表
特點:1.將css與html檔案分離,但不徹底,無法實現樣式復用性
2.優先順序《行內樣式表
<head
>
<
meta
charset
="utf-8"
>
<
title
>應用css的三種方式
title
>
<
style
type
="text/css"
>
style
>
head
>
3.外部樣式表:是重新建立乙個css檔案,命名一般與對應的html檔案名字一樣;需要在html檔案的頭部加乙個標籤用於連線
標籤的屬性有:rel:宣告被連線文件與當前文件的關係
type:被連線文件的型別,可以選擇是css或者js或者其他
特點:1.將css與html徹底分離,方便後期復用和維護
2.優先順序《內部樣式表
<link
rel="stylesheet"
type
="text/css"
href
="d6-css樣式表(連線方式).css"
>
CSS之文字樣式
縮排文字 縮排文字,使用了text indent屬性 縮排文字,使用text indent的百分比 text align center文字居中,只標籤內的內容,不影響標籤 字間隔ccc 屬 性,改變字 單詞 之間的標準間隔,word spacing預設值為normal字間隔 30px 字間隔ccc ...
CSS筆記之樣式
總結一下css樣式,做如下的筆記。css樣式 1.背景 background color 背景色 可以接受任何合法的顏色值,其預設值是 transparent 透明 background image 背景影象 如body 預設值是 none background repeat 背景重複 repeat...
CSS之應用樣式的四種方式
通過link標籤鏈結的樣式表不是html文件的一部分,但是卻供文件使用。這樣的樣式表稱為外部樣式表。web瀏覽器遇到link標籤時,會查詢並載入樣式表,並渲染html文件。屬性比如 此時由於文件中關聯的兩個外部樣式表的rel均為stylesheet,因此顯示文件時會合併兩個樣式表中的規則後再應用於文...