CSS樣式的簡單使用

2022-01-30 10:41:57 字數 918 閱讀 4089

css樣式的簡單使用

在做專案時,有時做用到一行分幾列顯示內容,用datalist繫結,可以實現。但有時因我們不是設計師,有的**不利於我們在itemtemplate中繫結內容.用ul +li 再加上css控制,就可以實現一行多列的情景,但這時不能在datalist的 itemtemplate中繫結 li,因為datalist生成的客戶端**是以table進行排版的,不是按html格式排版的,有人知道了,對了,用repeater控制項.repeater控制項是原樣輸出在itemtemplate的html標記的,如下:

<

asp:

repeater

id="repeater1"

runat

="server">

<

itemtemplate

>

<

li>

<

imgheight

="46"

src="

<%#eval("imgurl") %>

"width

="82">

li>

li>

itemtemplate

>

asp:

repeater

>

後台繫結**略了,我想信大家都已經早會用了,不用再重複了。當然這樣生成出來的,還不能實現一行多列的效果,還得加css樣式表,如下(新增到中):

<

style

type

="text/css">

ulli

style

>

ul的寬度是控制一行顯示幾個li,如上例ul 的寬度為180px, li寬度為90px,同時要把li的float設定為left,這樣,一行就顯示兩行了。

最後,將用例**放上:

/files/kevinlzf/css.rar

css的簡單樣式

text align center 文字居中 line height 行高 background url 路徑 no repeat 不重複 0px 20 設定樣式 text indent 文字縮排 1em 表示乙個字。a 表示有無下劃線 hover 表示滑鼠懸停的時候 font family 黑體 ...

css簡單樣式

p style color yellow 一段文字 p 選擇器 內部樣式 外聯樣式 建立.css檔案層疊優先順序 內聯 內部 外部 style 元素選擇器 p 類選擇器 first id 選擇器 sec style id 選擇器命名是唯一的奇偶選擇器odd even.first nth child ...

css樣式種類的簡單梳理和使用

第一大類 預設樣式 bgcolor,不借助style 第二大類 外部樣式表 用style屬性 內部樣式表 用style屬性 style type text css 行內樣式表,用style屬性 background color 例1.預設樣式,注意不適用style 注意 優先順序高於背景色,會覆蓋顏...