XML學習筆記(四) 修飾XML文件的CSS

2021-07-23 22:14:44 字數 3229 閱讀 5811

標籤(空格分隔): 學習筆記

xml為儲存結構化資料提供了強大的方法,但是它沒有提供關於資料如何顯示地資訊,(資料的結構與資料表示無關)。可以使用css來控制xml文件中各元素的呈現方式。

又三部分構成:選擇器(selector)、屬性(property)、屬性值(value),基本語法個數如下:

selector
雖然在css中是不區分大小寫的,但是在xml中區分,如name,name,name都會被css視為同乙個元素,這樣就無法為這些元素分別設定不同的屬性。因此應該設定完全不一樣的名稱來進行區分。

.class
tag.class
#id
tag#id
在css中,通常使用display屬性來控制瀏覽器元素的文字顯示效果。

display屬性值

說明block

將元素以塊方式顯示,通過換行與其他元素分開顯示

inline

在同一行顯示元素

none

隱藏元素,使元素在頁面中不可見

list-item

以列表方式顯示元素

css規定display屬性是不能別子元素繼承的,所以如果將父元素的display屬性設定為block,不等於其為子元素設定了該屬性。但也有兩種特殊情況:

示例:

1) 新建乙個xml檔案:employee.xml,內容如下:

<?xml version="1.0" encoding="gb2312"?>

<?xml-stylesheet type="text/css" href="employee.css"?>張濤男

18開發部

李雪萍女34

銷售部 傅嘉祺女19

人事部

2) 新建乙個css文件:employee.css, 內容如下:

employee 

name

employee#1

employee#2

department

font的子屬性

說明取值

font-family

設定文字的字型

宋體,黑體,楷體_gb2312

font-style

設定文字的字形

normal, italic, oblique

font-weight

設定文字的粗細

normal, bold, bolder, lighter

font-variant

設定文字字母的大小寫

normal, small-caps

font-size

設定文字的大小

small, medium, large / pt, cm, in…

border-color:

border-width:

margin屬性:預設情況下,css中元素的頁邊距為0;

padding屬性:在邊框屬性設定完成後,元素與邊框的距離可能會出現過於接近的情況,通過設定padding屬性使得邊框與元素之間的距離不會太靠近;

background的子屬性

說明取值

backgroung-color

設定元素的背景顏色

顏色的英文名或rgb值

background-image

設定元素的背景影象

none, url, 檔名(與css處於同乙個目錄下)

background-repeat

設定元素背景影象的重複樣式

repeat, repeat-x(水平方向重複平鋪), no-repeat

background-attachment

設定元素背景影象是否與元素內容一起滾動

scroll, fixed

background-position

設定元素背景影象相對於文字的位置

background-position-horizontal, background-position-vertical(top, center, bottom, left, right)

css中,元素文字的間距、行高、實現字母的大小寫轉換以及為文字新增各種修飾等。

設定文字的屬性

說明取值

letter-spacing

設定元素的字元間距

無vertical-align

設定元素文字的垂直對齊方式

baseline, sub(文字以下標顯示), super, top, middle, bottom

text-align

設定元素文字的水平對齊方式

left, center, right, justify(兩端對齊)

text-transform

設定元素文字的大小寫轉換方式

capitalize(第乙個字母大寫), uppercase, lowercase, none

text-decoration

設定元素文字的修飾方式

underline, overline, line-through, blink(文字閃爍), none

如果不把建立好的css鏈結到xml檔案中,則文件中的元素是無法按照樣式表的規則在瀏覽器中顯示的。

<?xml:stylesheet type="text/css" href="***.css"?>
可以在乙個xml文件中使用多條xml:stylesheet語句,達到將多個樣式表檔案鏈結的目的。

@import url(stylesheeturl);
<?xml-stylesheet type="text/css"?>

《根元素 xmlns:html="url">

示例:<?xml version="1.0" encoding="gb2312"?>

<?xml-stylesheet type="text/css"?>

name

***age

展濤男23

開發部

XML入門 XML文件規則

命名空間 xml 的能力來自它的靈活性,即您和我以及數百萬其他人可以定義我們自己的標記來描述我們的資料。記得表示個人姓名和位址的樣本 xml 文件嗎?那個文件包括表示個人尊稱的元素,這是對元素名稱非常合理的選擇。如果您經營一家網上書店,您或許會建立乙個表示書名的元素。如果您經營一家網上抵押放款公司,...

XML學習筆記

一 語法 1 使用標籤標記,可定議自己的標籤。二 合格的文件 1 該文件包含 乙個或多個元素。2 該文件只包含 乙個文件元素,用於包含其他元素。3 每個元素都應當正確的結束。如123456。如果開始和結束符之間沒有內容,則可以寫成 4 元素是區分大小寫的 5 屬性值總是用引號括起來,並且不能為空。6...

XML學習筆記

1.xml用途 1 用於配置檔案 2 用於資料交換 2.如果是專業研究xml,可以用工具xmlspy來寫xml,但一般情況下我們還是手寫 3.說明 宣告是個xml檔案,standalone為yes表示沒有配套的dtd,為no表示有可能有個配套的dtd 說明 引入xsl裝飾 說明 注釋 如何在肯德基白...