背景只是取整張圖片的某部分css代碼
圖片尺寸300*400像素要取坐標為250*350這個點background:url(img/1.jpg) no-repeat -250px -350px;默認的背景圖片
背景圖片的background-attachment屬性
定義和用法background-attachment 屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。默認值: scroll繼承性: no版本: CSS1JavaSc
移動前端user-scalable的意思
一個常用的針對移動網頁優化過的頁面的 viewport meta 標簽大致如下:width:控制 viewport 的大小,可以指定的一個值,如果 600,或者特殊的值,
HTML4的3種DOCTYPE
<!DOCTYPE> 聲明位於文檔中的最前面的位置,處於 <html> 標簽之前。此標簽可告知浏覽器文檔使用哪種 HTML 或 XHTML 規范。
css顏色與值對應表
#000000 #2F0000 #600030 #460046 #28004D #272727 #
網頁圖片的尺寸、分辨率、物理尺寸的關系
1、我們通常所說的網頁圖片大小500*270,是指500px*270px(即圖片長和寬上的像素數);2、分辨率,指的是單位長度(物理長度)上的像素數。3、物理尺寸指的是圖
web前端優化之dns預獲取
今天翻看twitter的源碼的時候看到了一下內容:<link rel=”dns-prefetch” href=”http://a0.twimg.com”/>&
css的margin各邊順序
margin: 上右下左順序margin-top: 20;margin-left: 20=margin:20 0 0 20margin:20 0=margin:20 0
提交留言HTML模板代碼
預覽:http:///keleyi/phtml/divcss/19.htm代碼如下:<!DOCTYPE html><html xmlns="h
留言列表模板HTML代碼
預覽:http:///keleyi/phtml/divcss/20.htm代碼如下:<!DOCTYPE html><html xmlns="h
css修改網頁選中文本的背景顏色
體驗效果:http:///keleyi/phtml/divcss/5.htm代碼如下:<!doctype html><html><head&
css選擇器詳細解析
1、標簽選擇器 E{}2、ID選擇器 #id{}3、類選擇器.class{}4、群組選擇器E1,E2,E3{}5、後代選擇器E F{}6、通配選擇器*{}7、偽類選擇器E
語義化html解析(html4)
請解釋一下什麼是“語義化的 HTML”。 語義化的好處:1:去掉或樣式丟失的時候能讓頁面呈現清晰的結構:html本身是沒有表現的,我們看到例如<h1>是粗體,
詳解CSS中clear屬性both、left、right值的含義
前幾天一朋友在群裡問clear:left的意思,我以為是簡單的清除浮動問題,就讓他百度“清除浮動”,導致中間有點小誤會。後來我按照他寫的DEMO,發現我自己也沒完全理解c
JS和CSS的壓縮混淆工具(JsCompressor)
JsCompressor是一款web前端人員必備利器,它主要用來壓縮混淆JS(Javascript)與CSS,基於YUI Compressor,目的是方便不熟悉Java或
好看的用戶登錄html模板
效果預覽:http:///keleyi/phtml/divcss/21.htmHoverTree開源項目實現了分層後,准備實現管理員後台登錄,這裡先把登錄界面的HTML模
簡單的用戶登錄html模板
效果查看:http:///keleyi/phtml/divcss/22.htmhtml源代碼:<!DOCTYPE html><html xmlns=&q
幾種實用table樣式
查看效果:http:///keleyi/phtml/divcss/23.htm1. 單像素邊框CSS表格這是一個非經常常使用的表格樣式。2. 帶背景圖的CSS樣式表格和上
Web開發中的8個小建議
建議不要出現以下8種錯誤:錯誤1:表單的label標簽跟表單字段沒有關聯利用“for”屬性允許用戶單擊label也可以選中表單中的內容。這可以擴大復選框和單選框的點擊區域
CSS給圖片加上播放按鈕
效果預覽:http:///keleyi/phtml/divcss/24.htmHTML文件代碼:<!DOCTYPE html><html xmlns=h