Design
2016年4月25日 星期一
Entity Framework Code First 一對多關聯設定
http://blog.developer.idv.tw/2014/11/entity-framework-code-first_25.html
標籤:
Entity Framework
歡迎同好一起聊天進步
HI 如果有任何工作機會歡迎透過信箱聯繫我
Hi any jobs welcome to contact me by mail.Marstsaiforjob@gmail.com
resume:https://1drv.ms/w/s!AkEOmv5qDtVoc9Dj4uHhda310E4
2016年4月23日 星期六
純CSS二、三階層動態選單按鈕 (完美支援各版本瀏覽器)
HTML
<div id="menu">
<ul>
<li> <a href="#">Fruits</a>
<ul>
<li><a href="#">Apple</a></li>
<li><a href="#">Banana</a></li>
<li><a href="#">Cherry</a></li>
<li><a href="#">Orange</a></li>
</ul>
</li>
<li> <a href="#">Vegetables</a>
<ul>
<li><a href="#Broccoli">Broccoli</a></li>
<li><a href="#Cabbage">Cabbage</a></li>
<li><a href="#Peas">Peas</a></li>
<li><a href="#Onion">Onion</a></li>
</ul>
</li>
<li> <a href="#Meats">Meats</a>
<ul>
<li> <a href="#White_Meat">White Meat</a>
<ul>
<li><a href="#Chicken">Chicken</a></li>
<li><a href="#Duck">Duck</a></li>
<li><a href="#Fish">Fish</a></li>
</ul>
</li>
<li> <a href="#Red_Meat">Red Meat</a>
<ul>
<li><a href="#Beef">Beef</a></li>
<li><a href="#Pork">Pork</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="menu"> <ul> <li> <a href="#">Fruits</a> <ul> <li><a href="#">Apple</a></li> <li><a href="#">Banana</a></li> <li><a href="#">Cherry</a></li> <li><a href="#">Orange</a></li> </ul> </li> <li> <a href="#">Vegetables</a> <ul> <li><a href="#Broccoli">Broccoli</a></li> <li><a href="#Cabbage">Cabbage</a></li> <li><a href="#Peas">Peas</a></li> <li><a href="#Onion">Onion</a></li> </ul> </li> <li> <a href="#Meats">Meats</a> <ul> <li> <a href="#White_Meat">White Meat</a> <ul> <li><a href="#Chicken">Chicken</a></li> <li><a href="#Duck">Duck</a></li> <li><a href="#Fish">Fish</a></li> </ul> </li> <li> <a href="#Red_Meat">Red Meat</a> <ul> <li><a href="#Beef">Beef</a></li> <li><a href="#Pork">Pork</a></li> </ul> </li> </ul> </li> </ul> </div>
CSS
/* 加載csshover3.htc,解決IE6沒有li:hover擬類的問題 */ * html body { behavior:url("csshover3.htc"); } /* ---------- 大小與定位 ---------- */ #menu { /* 選單大小 */ width:600px; height:30px; } #menu ul { /* 取消ul樣式符號 */ list-style-type:none; /* 重設ul邊界與留白為零 */ margin:0; padding:0; /* 內有浮動元件時,需設overflow才會自動調整大小 */ overflow:auto; } * html #menu ul { /* 解決IE6不理overflow問題,直接指定高度 */ height:30px; } #menu ul li { /* 利用float讓第一層li水平排列 */ float:left; } /* 解決IE6條列式餘白問題*/ * html #menu ul li { display:inline; } #menu ul li a { /* 將a改為區塊元件,以便指定寬高 */ display:block; /* 這邊也要設float,否則IE6會以100%寬度顯示 */ float:left; /* 固定高度 */ height:30px; width: 100px; text-align: center; } #menu ul li ul { /* 讓第二層ul跳脫文件流以利定位 */ position:absolute; /* 固定寬度 */ width:100px; /* 避免出現捲軸 */ overflow:visible; /* 讓ul與母階層li相同位置 */ clear:left; margin-top: 30px; margin-right: 0; margin-bottom: 0; margin-left: 0; } /* 修正IE7絕對定位差異 */ *:first-child+html #menu ul li ul { margin-top:0; } /* 修正IE6絕對定位差異 */ * html #menu ul li ul { margin-top:0; } #menu ul li ul li { /* 覆寫繼承自第一層的浮動設定 */ float:none; text-align: center; } #menu ul li ul li a { /* 覆寫繼承自第一層的浮動設定 */ float:none; width: 100%;/* 註:display、height、padding繼承第一層的設定 */ } #menu ul li ul li ul { margin-top: -30px; margin-right: 0; margin-bottom: 0; margin-left: 100px; width: 100%; } /* 修正IE7絕對定位差異 */ *:first-child+html #menu ul li ul li ul { margin-top:-30px; } #menu ul li ul li ul li { /* width、float繼承第二層,免設定 */ } #menu ul li ul li ul li a { /* width、float繼承第二層,免設定 */ } /* ---------- 隱藏與顯示階層 ---------- */ #menu ul li ul { /* 預先隱藏第二層 */ visibility:hidden; } #menu ul li:hover ul { /* 觸動第一層時,顯示第二層 */ visibility:visible; } #menu ul li:hover ul li ul { /* 顯示第二層時,隱藏第三層,避免同時彈出 */ visibility:hidden; } #menu ul li ul li:hover ul { /* 觸動第二層時,顯示第三層 */ visibility:visible; } #menu ul li ul li:hover ul li ul { /* 顯示第三層時,隱藏第四層,避免同時彈出 */ visibility:hidden; } #menu ul li ul li ul li:hover ul { /* 觸動第三層時,顯示第四層 */ visibility:visible; } /* ---------- 以下為美化用,非必需 ---------- */ /* 預設字體 */ #menu { font-size:12px; font-family:Arial, Helvetica, sans-serif; } /* 第一層ul背景色彩與邊框 */ #menu ul { background:#6f6f6f; } /* 第一層a字型 */ #menu ul li a { color:#FFF; text-decoration:none; line-height: 30px; } /*第二層ul背景色彩與邊框 */ #menu ul li ul { background:#efefef; } /* 第二層a字型 */ #menu ul li ul li a { font-size:12px; color:#333333; text-decoration:none; } /* 觸動第一層li時,改變背景色 */ #menu ul li:hover, #menu ul li a:hover { background:#efefef; } #menu ul li:hover a { color:#333333; } /* 觸動第二層以上li時改變背景色 */ #menu ul li ul li:hover, #menu ul li ul li a:hover { background:#dfdfdf; }
歡迎同好一起聊天進步
HI 如果有任何工作機會歡迎透過信箱聯繫我
Hi any jobs welcome to contact me by mail.Marstsaiforjob@gmail.com
resume:https://1drv.ms/w/s!AkEOmv5qDtVoc9Dj4uHhda310E4
2016年4月20日 星期三
C# 問號的意思
1. int? number;
2. txtName.Text.Trim().Length == 0 ? null : txtName.Text.Trim()
3 .a??0
第一種的意思
?(單問號),是System.Nullable<T>的縮寫形式,可null類型。
第二種的意思
? 為三元運算符,在上面例子中,就等於是
if (txtName.Text.Trim().Length == 0)
{
取 null;
}
else
{
取 txtName.Text.Trim();
}
第三種的意思
??(雙問號),意思是取所賦值??左邊的,如果左邊為null,取所賦值??右邊的,所以上面例子等於是
if (a==null)
{
取 0;
}
else
{
取 a;
}
標籤:
C#
歡迎同好一起聊天進步
HI 如果有任何工作機會歡迎透過信箱聯繫我
Hi any jobs welcome to contact me by mail.Marstsaiforjob@gmail.com
resume:https://1drv.ms/w/s!AkEOmv5qDtVoc9Dj4uHhda310E4
訂閱:
文章 (Atom)