發表文章

《網頁設計》CSS如何指定ID與Class呢?

圖片
  瀏覽器的CSS選擇器: 在CSS中, class選擇器為英文的句號 (“.”) 而 ID 選擇器為一個   hash character   (“#”). 對於CSS 可能會有如下的程式碼: #id_A { background-color : coral ; padding : 25px } .class_A { color : red ; font-weight : bold ; } HTML 如果要參考 CSS 則利用  id  and  class這2個關鍵字 . 如下所示: < div id = " id_A " > < h1 >Healthy food </ h1 > < p class = " class_A " >OK, It's a healthy food. </ p > < p class = " class_A " > VVVVVV VLDJFLJ </ p > </ div > ID與class的差異在ID僅能出現在整份文件中的一個地方,而class則為樣板,可以有很多組件(item)為相同的class,類似物件導向程式設計的class產生的instance則僅有1個ID。 HTML的選擇器可以簡單的使用HTML選擇器,所以如p.car{/* whatever */}可以僅選擇在paragraph元件中的car類別。 thanks for watching.

《網頁設計》Html, javascript, css如何作數字會跳動的動畫呢?

圖片
 $   最近看到有人做了跳動數字動畫在網頁上,覺得有趣便研究了一下。參考。 Html, javascript, css如何作數字跳動的動畫呢? 數字動畫就是畫面上的數字會改變。如從1變到2,再從2變到3。網頁的動畫在如控制面板(dashboard)上很有用。 本篇在css的部分使用<style>,如下: < style > @property --percent { syntax: "<number>"; initial-value : 0; inherits: false; } @property --temp { syntax: "<number>"; initial-value : 0; inherits: false; } @property --v1 { syntax: "<integer>"; initial-value : 0; inherits: false; } @property --v2 { syntax: "<integer>"; initial-value : 0; inherits: false; } #id_A { font : 800 40px monospace ; padding : 2rem ; transition : --percent 1s ; --temp : calc ( var ( --percent ) * 100 ); --v1 : max( var ( --temp ) - 0.5 , 0 ); --v2 : max(( var ( --temp ) - var ( --v1 )) * 100 - 0.5, 0);...

到苗栗南庄老街遊玩,遊南庄、向天湖、護魚步道,最後去吃了桂花巷花茶湯圓

圖片
這次有去桂花巷花茶湯圓,南庄老街最有名冰店!這篇是跟旅行團出遊不是業配。 上次去苗栗南庄老街去玩,整個行程為遊南庄、向天湖、護魚步道。 最後要回家時我們去吃了南庄有名的桂花巷花茶湯圓,他們家的手工釀製桂花花蜜,帶著迷人桂花香的香氣,甜滋滋的味道,加在清冰上面就非常好吃,在家切點水果淋上桂花釀也更添風味,超級推薦喜歡桂花香的人可以直接帶一罐桂花釀走😋😋😋😋😋。 基本上要排一下隊才吃得到。像我就等不到在店內的位置吃,我就直接外帶到附近小巷階梯坐著吃。 南庄老街假日時的人潮,大家都沒戴口罩,這當然是疫情爆發之前的旅遊囉 這是他們有名的桂花冰 拿到旁邊人少的地方吃 拍一下店面前的人潮囉(1) 拍一下店面前的人潮囉(2) 不得不說,位在老街小巷中,這麼熱門的店家外頭真的是很擠,也可以看得出來他們家人氣真的很高。店內賣的品項有不同口味的冰鎮湯圓冰品,除了招牌桂花釀外,還有玫瑰、薰衣草、水蜜桃及藍莓。如果不想吃冰,也可以點杯花茶來喝。 因為生意太好,所以每位店員都是忙到不可開交、毫無休息時間可言。底下先鋪上一層冰,放上水果、冰鎮湯圓,最後再淋上桂花釀,這樣一碗桂花冰湯圓就完成了,在客人手中吃了起來。 軟軟又QQ 的冰鎮湯圓,真的非常非常超級可愛,也因為湯圓是糯米做的,所以特別加上水果可以幫助消化,也讓整碗冰的顏色看起來非常的美。結論是湯圓、水果或冰搭配桂花花蜜一起吃,每口都非常好吃,能散發桂花清香,到了苗栗南庄真不能錯過!

台灣的中華郵政的新服務,i郵箱

圖片
台灣的郵局最近在推i郵箱,台灣的郵局以前可以申請郵政信箱。但最近似乎已不接受新申請郵政信箱,對於需要固定寄件地址的民眾不知道是否有其他的解決方案。 查了一下,台北市有滿多家的郵局有i郵箱,在成功國宅內也有i郵箱,似乎將來網購時多了一種選擇了,但郵政信箱的信件的服務不知道還有沒有就是了,需要再去問問看。 查詢在臺北市大安區的郵局的據點如下,應該還有更多,我僅貼一頁: 名稱 臺北大安郵局i郵箱 郵遞區號 10600 地址 臺北市大安區信義路3段89號 相對位置 自助服務區 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 33/三代櫃 智慧郵筒 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北青田郵局i郵箱 郵遞區號 10600 地址 臺北市大安區和平東路1段155號 相對位置 ATM自助服務區內 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 73/三代櫃 智慧郵筒 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北敦南郵局i郵箱 郵遞區號 10600 地址 臺北市大安區忠孝東路4段170巷9號 相對位置 側門入口內左側 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 60/三代櫃 智慧郵筒 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北成功郵局i郵箱 郵遞區號 10600 地址 臺北市大安區四維路198巷38弄12號 相對位置 大門右側 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 82/二代櫃 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北金南郵局i郵箱 郵遞區號 10600 地址 臺北市大安區愛國東路216號 相對位置 ATM自助服務區內 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 56/二代櫃 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北正義郵局i郵箱 郵遞區號 10600 地址 臺北市大安區忠孝東路3段150、152、154號 相對位置 大門右側 營業時間 24小時 地圖 儲格數/櫃型/智慧郵筒 20/四代櫃 智慧郵筒 寄件支付方式 郵政金融卡/悠遊卡/一卡通/愛金卡   名稱 臺北光武郵局i郵箱 郵遞區號 10600 地址 臺北市大安區大安路1段52巷16號 相對位置 大門左側 營業...

3月1日放假的原因,一次弄懂

圖片
知道3月1日放假嗎?許多人不知道為什麼,為什麼今年的3月1日星期一可以放假,上班族可以再有三天連假。 3月1日放假原因,是為了228國定假日剛好碰上週日,而補假的措施。從2015年起,當年內政部宣佈修改「紀念日及節日實施辦法」第5條之1及第6條,使得國慶假日若遇到六日本來就是休假日時,可以補假,只是補假是在假期前或後有不同規定。 內政部指出,若國定假日逢周六,於前一個上班日(一般是周五)補假,若國定假日逢周日,則在次一個上班日補假(一般就是周一),而農曆除夕及春節放假日逢例假日補假,仍維持現行往後補假的方式辦理。 所以,因今年(2021年)的228剛好是周日,所以順延一日在2021年3月1日採取補假的措施。 That's it. 另一個照此原則出現連假的,是之後的清明節連續假期。4月2日放假也是根據此原理,因為今年4月4日兒童節與清明節剛好是周日,所以補假一個往前補,一個往後補,4月2日(五)跟4月5日(一)都放假了。

Tokyo visitor's guide, 15 things you can do in Tokyo.

圖片
  Tokyo, capital of Japan, and a sprawling metropolis is one of the most populous metropolitan areas in the world! Tokyo  will dazzle you with it’s bight lights and contrasting traditional culture, luring you into a world beyond limits. Why not  download the   Hostelworld app  to  ensure you get the most out of your time in Tokyo. Most people assume that Tokyo is an expensive place to visit, but you might be surprised by the amount of free things to do in Tokyo on a shoestring. Perhaps you’ll want to check out the best views of the city, see Shibuya or visit the Emperor at the Imperial Palace. Whatever you decide to do, make sure to keep reading for some of the best things to do in Tokyo for free. 1. Visit Sensō-ji – One of Tokyo’s oldest temples Sensō-ji  is the oldest temple you’ll find in Tokyo and is well worth a look. This temple, which is also known as Asakusa Kannon, was founded way back in the 7th century. It’s believed that the smoke...