標簽‘CSS’

為什么建議不要使用「h5」這個簡稱?

最近發現好多人喜歡將 HTML5 說成 h5,甚至是代指移動端的 Web 頁面或者 Web App。雖然說起來朗朗上口,但是小編真的不建議這樣來使用。

小編很早之前做過一個關于「h5 這個說法是否喜歡」的調查,總共有 552 位粉絲參與,最終結果是:有 16.7% 的人認為「很好」,37.5% 的認為「無所謂」,有 45.8% 的人認為「不喜歡」(投票數據的原始查看地址: http://vote.weibo.com/poll/2905710 )。那究竟為什么會有那么多人不喜歡「h5」這個簡稱呢?

「h5」這個簡稱非常不專業,容易造成誤導。

與 JavaScript 被簡稱為「JS」不同,據小編了解到的情況,h5 這個說法目前只在中國大陸地區的程序員中使用,臺灣、印度和美國等地區并沒有這個簡稱,會造成國內外技術說法不一致。而更重要的一點是,JS 是一個指代清晰的簡稱,沒有歧義,就指 JavaScript 這種程序語言。但 h5 卻不是,至少 HTML 中還有個 h5 標簽。 查看更多...

純CSS實現Footer固定底部,超過一屏自動撐開

日常開發中經常遇到網頁內容過少時底部版權區域上浮,網頁是經典的Header、Content、Footer三部分組成的情況下,之前要么采用js修改Footer的position,高度低于一屏時采用fixed,超出改用static,但是這樣會出現抖動,也試過初始化時設置Content的min-height,但終歸是使用了js,不太完美,CSS的也試過使用margin-bottom:-10000px;padding-bottom:10000px的方法填充底部顏色,但效果不見得有多好看。

最近又遇到此類問題,嘗試采用之前提到過的CSS水平垂直居中方法來解決,最終找到比較靠譜的方法,就此總結一下,以備后用。

廢話不說,直接上代碼,以下為CSS,采用border-box,所以IE7下面無效,由于工作原因,只測試到IE8,沒考慮低版本瀏覽器。 查看更多...

關于HTML5不得不說的一些事

近兩年來,IT界炒的最火熱的發展方向無非是O2O,而炒的火熱的技術也無非是HTML5,但實際上,HTML5究竟是什么?能做什么呢?知其然,更要知其所以然,這是中國人對知識真理的追求寫照。然而在關于HTML5的問題上,這句話并沒有顯現出來。HTML5會改變下一代互聯網,HTML5潛力無限,這些觀點在互聯網上多之甚多。為什么呢?HTML5在互聯網上究竟帶來了什么?這些問題一拋出,全行就愕然了。甚至HTML5究竟是什么,都很難讓人闡述清楚。

首先,簡單而言HTML5就是超文本標記語言規范的5.0版本,當然對于不同的人來說,HTML5具有不同的意義。對某些人來說,它僅僅意味著"頁眉"和"頁腳"之類的新標簽,以及一系列出現于標記的新屬性。對其他人而言,這意味著出現在網絡上的新鮮有趣事物,其中包括植入單個瀏覽器或其他非HTML5規格的技術。 查看更多...

幾種有用的網頁排版技巧分享

在網頁設計中經常會忽略排版,其實這是很不利于SEO和提高用戶體驗的舉動,因為注重網頁排版可以提高你的網頁設計水平和可讀性。下面分享幾種有用的排版技巧,希望有用。

1、糾正行高

最常見的網頁布局錯誤之一是定義了不正確的行高。行高是定義一行文本的高度,所以我們必須按照文本字體大小來設定行高。
一般來說,在設置文本行高的時候,我經常在字體大小的基礎上加上7個像素(對12-17像素的字體而言)
查看更多...

CSS3動畫技術應用基礎分享

隨著網絡的發展,瀏覽器具有更強的渲染更高級代碼的能力,我們正逐步實現跨越所有平臺和瀏覽器的目標。我們不但可以要花費更少的時間來確保我們的盒模型在IE6中看起來正常,而且形成了鼓勵創新、避免hack、重前端腳本的氛圍。

網絡是一個非常好的環境,也是一個有豐富的知識來分享的協作社區。我們想要有圓角 ,我們就實現了它;我們想要 多背景圖片,我們實現了它;我們想要 邊框圖片,我們也讓它實現了。所以需求從來不是問題,否則,我們可能還都仍然在使用table來布局頁面而且使用過多的代碼呢。我們都知道,網絡無所不能。

為網絡而生

CSS 3的屬性比如border-radius、box-shadow和 text-shadow 在webkit(Safari、Chrome等)和Gecko(Firefox)等先進的瀏覽器中的使用開始出現增長的勢頭。它們(這些CSS屬性)已經為用戶創建更輕量的頁面和更豐富的體驗,而且它們可以優雅的降級。然而,這些只是CSS 3能為我們做的眾多事情中的一小部分。 查看更多...

常用瀏覽器CSS hack匯總表及部分示例

1. 此匯總表中測試瀏覽器的版本為:
微軟系統自帶:IE6、 IE7、IE8
火狐:Firefox 3.6.6
Safari:Safari 5.0
谷歌瀏覽器:Chrome 6.0.458.1 dev
Opera瀏覽器:Opera 10.60
2. 其中,多數CSS hack是在selector{property:value;}基礎上更改的。
selector代表CSS選擇器,property代表CSS特性,value代表特性的值。

3. FF代表Firefox,Ch代表Chorme,Sa代表Safari,Op代表Opera 查看更多...

jsp頁面中使用iframe幾個問題總結

最近做項目,jsp的,我做前臺的輸出,因為不常用jsp做界面美化,更不常用iframe控制頁面。這回可算遇到不少問題了,首先,在iframe內部使用link獲取css和jsp整個文檔中獲取獲取js腳本都有問題,其次就是,遇到了ff的onclick未定義情況。這里不再贅述,相信大家都遇到過了吧,可惡的網絡,卡的要命。剛剛寫了近一千字的內容,居然沒有保存,發布后只有兩個字,杯具啊!平時幾分鐘保存一次草稿,這次居然沒有自動保存,果斷不寫了。直接給出我網上搜集的解決方法。

首先就是link問題,這里我還沒有找到問題根源,直接jsp include動態寫頁內了。

然后就是ff的onclick事件。找了以下解決方案。
firefox沒有這個事件,需要自己處理一下,代碼如下:

function doClick(obj) {
if (document.all) {//如果支持的話,是ie下,默認有這個事件,
obj.click();
} else { //否則就自己添加一個
var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
obj.dispatchEvent(evt); 查看更多...

CSS中IE6、7和火狐對margin、padding的兼容性解析

1、IE與Fire Fox識別CSS屬性區別標簽 !important

#page_body{
width: 1000px !important;
height:30px !important;

width: 980px ;
height:36px ;
}

查看更多...

淺析CSS中ID和Class、Margin和Padding的區別

這兩個區別都是比較容易混淆的問題,尤其是Class與ID,相信很多人并沒有仔細了解過之中區別。以下是我的一些理解:

1. ID與Class的區別

ID,通常用于定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化布局時(比如說通常一個頁面都是由一個頁眉,一個報頭,一個內容區域和一個頁腳等組成),一般使用ID比較理想,因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁面中很少會出現大于一次的情況。 查看更多...

網頁中的 CSS 元素透明法

1、HTML 元素透明

其實本身,CSS 實現元素透明是件容易事兒。直接上代碼:

opacity:.5

opacity 指的是不透明度,取值為 0~1 之間,1 表示完全不透明,0 表示完全透明。

A 級瀏覽器基本都支持 opacity 屬性,但碰上 IE,總沒好事。不過 IE 有濾鏡,可以幫助我們拐彎抹角地搞定不透明度:

filter:alpha(opacity=50);

注:事實上會碰到透明背景層,而 opacity 屬性是會繼承的,避免這個問題,需要結合定位來實現。 查看更多...

黑龙江22选5开奖