︿
控制英文字母大小寫的CSS語法 text-transform

不知道有沒有發現本站的上方選單一直以來英文都是呈現大寫的英文字母,當時也沒有特別想要去修改這項,不過最近一直想改版所以才知道 text-transform 這項CSS語法能夠控制英文字母的大小寫。

2019-05-02 於 9:00 AM │ Jin
YouTube 響應式網頁(RWD)製作方法教學

許多人會將YouTube影音或者Google Maps嵌入至網頁內,隨著現在響應式網頁(RWD)的流行,將影音、地圖嵌入前就是必要先改成適合手機版觀看的方式,因為YouTube是以16:9比例播放、Google Maps是4:3比例的關係,所以直接使用100%去做縮放會整個變形,所以要使用其他方法才能將YouTube影音、Google Maps改成響應式網頁。
$(document).ready(function(){ $(‘head’).append(”);});hljs.initHighlightingOnLoad();hljs.initLineNumbersOnLoad();

2018-11-09 於 8:00 PM │ Jin
讓網頁排版於各大瀏覽器一致 Reset CSS

Reset CSS 是一個為了避免各大瀏覽器的影響導致不一致而誕生的檔案,在一開始撰寫網頁時就必須先放上Reset CSS讓CSS設定重置歸零,避免在之後撰寫CSS時遇到一些瀏覽器顯示網頁排版不同。這次則是要介紹由 Eric A. Meyer 所撰寫的Reset CSS語法,只需要將語法放置所撰寫的CSS檔案內就能擁有這項效果。

2018-04-13 於 11:00 AM │ Jin
HTML基本介紹及語法介紹篇

本系列文章是要介紹Web網頁以及WordPress佈景主題製作方法,因為這兩種製作方法皆有很大的關聯性,本篇會先來介紹最基本的html架構及語法標籤。

2018-04-11 於 11:31 AM │ Jin
highlight.js好用的標示程式碼上色、高亮工具

想在網頁秀出程式碼對應不同的程式語言、標示不同顏色,只需要透過highlight.js就能輕鬆標示上色,highlight.js目前擁有176種不同程式語言對應以及76種不同樣式能夠使用,對於一些目前正在整理網站語法的人來說highlight.js在執行上能夠更短時間簡單的整合。

2018-03-22 於 2:00 PM │ Jin
HTML 上的 ruby 旁註標記注音使用方法

文章上如果有注音或者像是要標注日文的平假、片假名的符號,只要是標注這些拼音、註解的情況下,有時候不知道要怎麼擺這些文字注音,也因此有一項 HTML 語法 ruby 旁註標記語法就能解決這項煩惱了。

2018-01-09 於 9:18 PM │ Jin
HTML5新增figure及figcaption圖片及說明新元素

HTML5新增元素figure及 figcaption主要是用來放置圖片及加上圖片說明使用,這兩項元素是一起搭配使用的,透過這兩項元素就能快速完成上下圖片及圖片說明的功能,不需要再額外的增加一層DIV就能輕輕鬆鬆完成,同時這兩種元素也可以可以配合其它像是Slideshow(幻燈片)js外掛來打造成一個很漂亮的樣式。

2017-12-25 於 1:09 AM │ Jin
CSS3 透明度的使用方法

CSS3 其中有一項很特別功能 Opacity 也就是透明度,使用這個方法來製作許多效果。

2017-12-22 於 1:46 AM │ Jin
使用 CSS3 ::selection 修改滑鼠框選反白預設顏色

在網頁時框選文字時,預設大多為藍底白字,在製作網頁時就能使用 CSS3 的語法 ::selection 來修改滑鼠框選時反白的顏色來增加多樣性,這次就來教學怎麼使用此項語法囉。

2017-11-08 於 7:00 PM │ Jin
CSS 上的圓角語法

這次要來介紹 CSS 上的框線語法來讓上下左右的邊邊圓角化,只需要透過 border-radius 這項語法的調整就能很容易辦到囉。

2017-08-10 於 10:00 AM │ Jin