2019/0116/Access比較/邏輯運算&CSS_在職班補充+選擇器+Box model

Access

"文字"與數字 運算值

& 連接符號 連接不同屬性資料

精準/模糊查詢

比較運算值

精準/模糊查詢

="李雪芬" 精準

like "李雪" 模糊 ? * 萬用字元

"李雪??" => 李雪 OO

"李雪???" => 李雪 OOO 固定?字

"李雪*" => 李雪***** 0~N個字

"*雪*" => 李雪 , 李雪芬 , 劉雪天 。 包含

"*北*市*" , "*胡志*市*" , "*胡?明*" , "*胡志?明*"

邏輯運算值

運算優先序 比較運算 > 邏輯運算 (not > and > or )

>30000 and <50000

not like "*市*"

between 30000 and 40000

between #1960/1/1# and #1999/1/1#

SQL

SELECT 人事資料.員工代號, 人事資料.姓名, 人事資料.薪資, 人事資料.電話, 人事資料.地址, 人事資料.部門代號 FROM 人事資料 WHERE (((人事資料.姓名)="李雪芬"));

SELECT 人事資料.員工代號, 人事資料.姓名, 人事資料.薪資, 人事資料.電話, 人事資料.地址, 人事資料.部門代號 FROM 人事資料 WHERE (((人事資料.姓名) Like "李雪?"));

CSS 開始結束標籤 繼承屬性

style 屬性衝突時採取樹根dom繼承屬性 document object model (文件物件模型)

#da5sd5 十六進位 rgba ( 0 , 0 , 0 , 0) 十進位 a = 透明度 Alpha

opacity 透明度屬性

祖 / 父 inherit / 兄弟 / 子 / 孫/ 階層結構

<table style="border:3px solid;width:400px;height:200px;text-align:center">

為什麼以下邊框沒繼承呢? 因為 以下tr 其實有預設邊框 為 沒有邊框
		
		<tfoot>
			<tr>
				<th colspan="3">日期:2019/1/16</th>
			</tr>
		</tfoot>
		<tr>
			<td>張三</td>
			<td>85</td>
			<td>90</td>
		</tr>

在職夜間RWD班補充

#CSS Text Style Keyword Attributes

text-indent 縮排屬性

視窗浮動所有東西最好用相對單位

text-decoration 裝飾屬性

相對於hr tag差別在於DOM物件是屬性還是物件

cursor 指標屬性

text-transform 轉換屬性

值在以下

letter-spacing字母間距

word-spacing字間距

box-shadow 與box_model相關

text-shadow 字陰影

陰影屬性相對位置

陰影屬性更多參考如下

#CSS Color Style Keyword Attributes

HTML4方式 雖然瀏覽器會支援 但盡量不要用

EX.bgcolor=”red”

color 給字用的style屬性的值 其他使用的前面都會冠名如background-color

#CSS Inheritance Attributes affect Box model

<div style=”width:600px”><img style=”width:inherit”/></div>建議寫法

inherit繼承

<div style=”width:600px”><img style=”width:100%”/></div>

background-image 背景圖比例會自動變化

background-top/right/left/botten 圖片依照本來大小對齊box邊框

#CSS Inheritance Attributes affect Table

Table裡面塞Table不是不行但是對於DOM就有差別

所有的標籤Tag都可以寫style但是要看有沒有意義(如html/head)

#CSS 優先權

Inline 絕對大 ? !import ? link .class #id ?

選擇器種類

優先權

選擇器優先權比完後才比選擇器裡面先寫後寫、後寫會蓋掉先寫

##combine 合併寫法先後跟優先權無關

##，隔開就可以不同ID或Class或Tag 相同值

##容器

#table { }

#table td , #table th { }

Selector 選擇器

寫在body tag < tag Selector < class Selector < ID Selector < Inline

子輩沒有的屬性繼承父輩屬性

繼承優先權 ----> 越精準的選擇器 優先權越高 (子輩設定後永遠有自己的特性 )

選擇器相同等級之下 越先寫級別越高 (越上面級別越高)

combine 寫在body tag 裡面越右邊級別越大且大於所有選擇器級別 <body><h1 style="colo</body>

利用此特性精簡 code 越少重複越好

標籤 tag

直接改變現有標籤屬性

<style> h1 {font-size: 48pt; color: red; background-color: yellow;} </style>

<h1> Welcome !! </h1>

類別 class

取總類名稱

<style> .??? {font-size: 48pt; color: red; background-color: yellow;} </style>

<h1 class="???"> Welcome !! </h1>

身分 ID

不能擁有相同id，但可跟類別重複，同一網頁精準指定

<style> #???{ font-size: 48pt; color: red; background-color: yellow; } </style>

<h1 id="h1"> Welcome !! </h1>

Box moder

作用範圍

會影響到後續bootstrap排版

Previous2019/0115/資料庫Access運算值&CSS簡介&在職班補充Next2019/0117/資訊系統架構&網路層

Last updated