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 / 兄弟 / 子 / 孫/ 階層結構
在職夜間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排版
Last updated
Was this helpful?
