MVC框架(三)樣式和布局

2021-08-17 02:34:24 字數 1205 閱讀 2204

部分 3:新增樣式和統一的外觀(布局)。

檔案 _layout.cshtml 表示應用程式中每個頁面的布局。它位於 views 資料夾中的 shared 資料夾。

開啟這個檔案,把其內容替換為:

@renderbody()

在上面的**中,html 幫助器用於修改 html 輸出:

@url.content() - url 內容在此處插入。

@html.actionlink() - html 鏈結在此處插入

我們將在本教程稍後的章節講解 html 幫助器。

在上面的**中,由紅色標記的**是使用 razor 標記的 c#。

@viewbag.title - 在此處插入頁面標題。

@renderbody() - 此處呈現頁面內容。

您可以在我們的 razor 教程中學習 c# 和 vb (visual basic) 編寫的 razor 標記。

應用程式的樣式表是 site.css。它位於 content 資料夾中。

開啟檔案 site.css,並把其內容替換為:

body

h1#main

a/* 選單樣式 ------------------------------*/

ul#menu

ul#menu li

ul#menu li a

ul#menu li a:hover

/* 表單樣式 ------------------------------*/

fieldset

fieldset label

input[type="text"], input[type="password"]

input[type="submit"]

/* 資料樣式 ------------------------------*/

table.data

table.data th

table.data td

shared 資料夾(位於 views 資料夾內)中的 _viewstart 檔案包含以下內容:

@
這段**被自動新增到由應用程式顯示的所有檢視。

如果刪除該檔案,則必須向所有檢視新增這段**。

您將在本教程稍後的章節學到更多有關檢視的知識。

CSS 知識整理 三 樣式

目錄 css 知識整理 三 樣式 一 字型 二 文字 三 列表 四 背景 css 列表屬性允許你放置 改變列表項標誌,或者將影象作為列表項標誌。設定列表項標誌為實心圓 空心圓 方形 設定列表項標誌為一張 可設定是重複排滿背景還是其他 這個比較簡單,可現用現查 舉個例子 李白噫籲嚱,危乎高哉!蜀道之難...

CSS學習筆記 三 樣式宣告

在這篇文章中你能看到有關於 css 樣式設定的常用屬性 1 背景顏色 可以使用background color屬性為元素設定背景顏色,它接受任何合法的顏色值,預設是transparent 注意,background color 屬性不能繼承 2 背景 可以使用background image屬性為元...

Vue語法基礎三(樣式繫結)

vue繫結樣式有繫結class和繫結style兩種方式,這兩種方式都有物件語法和陣列語法。一 class繫結 1.1 物件語法 使用js物件的方式,也就是key value的方式,給元素的class屬性繫結樣式,其中key是樣式,value控制key樣式是否有效,value是個布林值。style d...