css之個人表單常用樣式收藏

2022-07-08 01:18:08 字數 2271 閱讀 5489

引入css

<

link

rel="stylesheet"

type

="text/css"

href

="$/styles/oms/yjdlbb/widthsplit.css"

>

<

link

rel="stylesheet"

type

="text/css"

href

="$/styles/oms/yjdlbb/shade.css"

>

<

link

rel="stylesheet"

type

="text/css"

href

="$/styles/oms/yjdlbb/mytable.css"

>

<

link

rel="stylesheet"

type

="text/css"

href

="$/styles/oms/yjdlbb/personality.css"

>

引入圖示(shade遮罩層用)

<

link

rel="stylesheet"

type

="text/css"

href

="$/styles/common/css/font-awesome/font-awesome.min.css"

>

link

>

引入js

.widthsplit1 .widthsplit2 .widthsplit3 .widthsplit4 .widthsplit5 .widthsplit6 .widthsplit7 .widthsplit8 .widthsplit9 .widthsplit10
widthsplit.css

.shademain .shade.shade>span
shade.css

.mytable .mytabletitle .mytable tr td .table-border table,tr,td,th .mytablenoline
mytable.css

/*

每個模組獨有樣式personality.css

*/#tht #title #leftbottomtab td #righttab tr:nth-child(even) #righttab tr:nth-child(odd) #righttab tr:hover .headrow .table-border .title-color .title-bgn-color .input-border .header-bgn-color .title-color

personality.css

only設定

//

每個引用readonly樣式的控制項或元素都將隱藏

$(function

() );

});

readonly

引用樣例

<

table

id="mytable"

class

="mytable"

>

<

tbody

>

<

tr>

<

td colspan

="8"

class

="header-bgn-color widthsplit1 mytabletitle"

>每日需求內容

td>

tr>

遮罩層html**可放於頁面任意位置

<

div

class

="shademain"

>

<

div

class

="shade"

>

<

i class

="fa fa-2x fa-spinner fa-spin"

>

i>

<

span

>正在查詢,請稍候...

span

>

div>

div>

效果圖

個人 css 常用樣式

頁面總體3個部分,topbar 70px sidebar 選單欄,高度始終撐滿頁面 右側主題內容區域 高度不定 一般我們會通過js去計算出頁面的高度然後減去topbar的高度70px,然後再給sidebar加個計算後的高度。這裡可以直接利用css3 函式calc 計算高度 sidebar butto...

css之常用樣式及display樣式

常用樣式 一 背景 背景可以為純色,也可以通過以下屬性的修飾變得絢麗多彩 1.設定背景色 background color 3.設定背景是否重複 background repeat,其值有四個 a.repeat 背景圖重複,即平鋪 預設值 b.repeat x 橫向平鋪 c.repeat y 縱向平...

jQuery表單常用操作收藏

取下拉列表選中項的文字 獲取和設定下拉列表的值 清空下拉列表 給下列選單新增元素 取單選框值 單選或複選按鈕的選擇 取核取方塊值 判斷單選或核取方塊是否被選中 元素可用不可用 判斷元素可用不可用。1.取下拉列表選中項的文字 view plaincopy to clipboardprint?selec...