原创 CSS3 塊級元素,文本溢出操作 -webkit-line-clamp

大家經常用的css3屬性text-overflow是針對單行文本溢出的操作,那塊級元素的文本溢出要怎樣處理呢? 需要用到-webkit-line-clamp: 說明: 限制在一個塊元素顯示的文本的行數。 -webkit-line-c

原创 WebApp之 apple-touch-icon

在iPhone,iPad,iTouch的safari上可以使用添加到主屏按鈕將網站添加到主屏幕上。 apple-touch-icon是IOS設備的私有標籤,如果設置了相應apple-touch-icon標籤,則添加到主屏上的圖標會使用指

原创 css 選擇器,閒時看看,鞏固基礎

"CSS" 列指示該屬性是在哪個 CSS 版本中定義的。(CSS1、CSS2 還是 CSS3。) "SUPPORT"列指瀏覽器支持。 選擇器 例子 例子描述 CSS SUPPORT .class .intro 選擇 cla

原创 Flex 佈局教程:實例篇(阮一峯)

Flex 佈局教程:實例篇 作者: 阮一峯 日期: 2015年7月14日 上一篇文章介紹了Flex佈局的語法,今天介紹常見佈局的Flex寫法。 你會看到,不管是什麼佈局,Flex往往都可

原创 CSS3 :nth-child() 選擇器

實例 規定屬於其父元素的第二個子元素的每個 p 的背景色: p:nth-child(2) { background:#ff0000; } 瀏覽器支持 IE Firefox Chrome Safari Opera  

原创 CSS中position:relative;的作用

position的默認值是static,(也就是說對於任意一個元素,如果沒有定義它的position屬性,那麼它的position:static)  <span style="font-size:14px;"><div id="demo"

原创 css3 box-orient box-pack box-align

1. box-pack 屬性規定當框大於子元素的尺寸,在何處放置子元素。(水平方向)     box-pack: start|end|center|justify; 2. box-align 屬性規定如何對齊框的子元素。(垂直方向)  

原创 老式瀏覽器(IE6,IE7,IE8)識別html5標籤

近幾年HTML5風潮大起,HTML5新增的一些語義化標籤,更是讓前端兄貴們歡欣鼓舞。 HTML5新增的標籤<header>,<footer>,<nav>,<hgroup>,<article>,<section>,<aside>,<audi

原创 sublime text 3 插件 cssrem

cssrem 是sublime text 3 的一個插件,主要用於開發webapp,它可以方便的把px值轉爲rem值。 1.下載附件cssrem-master並解壓(下載鏈接:http://pan.baidu.com/s/1i5sBxY

原创 onload與ready方法的區別

Jquery中$(document).ready()和window.onload的區別 $(document).ready()和window.onload在表單上看都是頁面加載時我們就去執行一個函數或動作,但是在具體的細節上$(

原创 RegExp 正則表達式 方法 詳解

RegExp 對象有 3 個方法:test()、exec() 以及 compile()。 test() test() 方法檢索字符串中的指定值。返回值是 true 或 false。 例子: var patt1=new RegE