淺談 section 運用以及與 outline 間的關聯

HTML5 正夯? 恩,其實夯很久了!而 HTML5 絕對不只有語意那麼簡單罷了,它包含了很多前端的新功能與新技術,語意只是其中的一小小小塊。

今天要跟大家分享的是<section>標籤,網路上有很多關於<section>的解說,常見的文章是拿來跟<article>比較,可是我看了很多篇都似懂非懂…,所以又跑去看了國外的文件。從今年開始,我寫的 HTML 會漸漸從 XHTML 的 !DOCTYPE 走向符合 HTML5 的 !DOCTYPE,也就是在 HTML5 DOCTYPE 文章提到的<!DOCTYPE html>

隨著 HTML5 的規格釋出,語意會是我優先嘗試的部份,從整個網頁結構以及 SEO 來看,語意是 HTML5 的必備基礎知識,所以我們就先從<section>開始吧!

HTML 5 讓行動裝置的開發更容易

HTML 5 :- The new trend in mobile app development. But is it reliable to make a high quality application ?

But what we are facing in mobile development is what technology need to be used for the success of the project. To know how to

select the right technology for the right project read this. image Source :- kendoui

橢圓陰影效果:使用 after 和 z-index

oval-shadow-effect-with-css-after-and-z-index-01 圖中效果在css3的box-shadow很方便,可是要做成像上面那樣陰影是有弧度的就沒辦法直接做,不過可以用一些小技巧就可以達成。

首先準備一個div,class取成box。box可以改成你要的樣式,然後用:after在box後面生成一個新的物件,再加一些效果就好了。

 

關於CSS之line-height

A simple, step-by-step presentation on CSS line-height. Covers leading, how to apply various line-height values, as well as line-height and the inline box model. Hope you find it useful!