CSS樣式之連線方式

2022-03-18 09:03:14 字數 1154 閱讀 7226

首先,我們要知道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,因此顯示文件時會合併兩個樣式表中的規則後再應用於文...