-
用CSS3將你的設計帶入下個高度
盡管CSS3的諸多新特性還不被很多瀏覽器支持,或者說支持的不好。但作為一個前端開發(fā)人員,你總不能等到所有瀏覽器都完美支持它的時候再去學習。 CSS3到底給我們帶來了哪些新特性呢?簡單的說,C...
作者:asdasdasd11-19 -
CSS border 屬性使用說明
border -- 定義四個邊的寬度,樣式,顏色 取值:[ <border-width> || <border-style> || <border-color> ] | inherit [ <border-width> || <border-style> || <border-color> ]: 邊框?qū)挾?樣式,顏色...
作者:asdasdasd11-19 -
css 滾動條換色調(diào)整代碼
PSD轉(zhuǎn)html,設計稿上,有一處內(nèi)嵌的介紹信息,當文字過長時,要求使用一個經(jīng)過處理的滾動條來展示。
作者:asdasdasd11-19
如果要求兼容firefox,可以使用JQ來進行制作。
如果僅要求IE瀏覽器,可以通過調(diào)整CSS的方式,... -
CSS Sprite優(yōu)化 減少HTTP鏈接數(shù)
頁面上的數(shù)據(jù),通過 TCP/IP 包傳輸。在 1M ADSL 環(huán)境下,網(wǎng)速最大值為 128 Kb/s, MTU(MaximumTransmission Unit) 的大小默認為 1500 bytes. 去掉 TCP/IP 的頭部信息 40 bytes, 一個 package 可以...
作者:asdasdasd11-19 -
換個角度看頁面重構中的語義化
在“表格布局”1 的時代,大家所使用的布局方式都是表格,沒有其它的方式可以選擇, Dreamweaver的可視化操作大大的簡化了頁面制作的過程,而且當時雖然網(wǎng)絡情況比現(xiàn)在差得多,但并沒...
作者:asdasdasd11-19 -
不必需的樣式腳本文件導致頁面不能及時更新
在開發(fā)過程中,有時遇到由于緩存問題導致頁面不能及時更新,有時頁面引入了不必需的樣式腳本文件,有時由于文件太多,字節(jié)過大導致頁面的性能緩慢,為了解決這些問題,個人設想了一個初步的解決...
作者:asdasdasd11-19 -
CSS border-style 屬性使用方法
border-style -- 定義邊框的樣式 取值:<border-style>{1,4} | inherit <border-style>{1,4}: 邊框樣式 inherit: 繼承 初始值: none 繼承性: 否 適用于: 所有元素 border:邊框,style:樣式 border...
作者:asdasdasd11-19 -
CSS 表單元素不繼承body的字體屬性
很多人喜歡在body中加樣式來控制全局字體的樣式,像字體、大小、顏色等。這些寫可以減少代碼,其實并不然,像表單里面元素就無法繼承body的字體屬性,先看下效果截圖:下面是BODY樣式寫法:
作者:asdasdasd11-19
<sty... -
網(wǎng)頁制作中應用的50個CSS技巧(國外)
另外,的CSS允許設計師實現(xiàn)了一些不同的風格,用只可與圖像。 其中最好的部分是它的CSS這么簡單當你已經(jīng)知道的基本知識。凡表用來制造復雜的,有時是不可能的破譯代碼的CSS保持干凈和簡單的事情...
作者:asdasdasd11-19 -
DIY屬于個人開發(fā)使用的CSS Reset
今天上網(wǎng)看了一些文章的介紹,也來整理一份reset,方便以后開發(fā)使用. 參考Eric Meyer,YUI,&shawphy復制代碼代碼如下:body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code, f...
作者:asdasdasd11-19 -
11個用CSS樣式表制作網(wǎng)頁按鈕的教材
按鈕是網(wǎng)站中非常重要的一部分, 它們常用于引發(fā)訪客點擊和產(chǎn)生互動。下面收集了11個css按鈕教程,教你如何創(chuàng)建吸引訪客目光的按鈕。
作者:asdasdasd11-19
我最想推薦的其實是第一個, Google custom buttons.
在Rec... -
CSS border-color 屬性使用方法
border-color -- 定義四個邊框的顏色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 顏色表示法 transparent{1,4}: 透明 inherit: 繼承 初始值: 同color屬性的默認值 繼承性: 否...
作者:asdasdasd11-19 -
網(wǎng)頁制作學習教程 CSS Position
1. position:static
作者:asdasdasd11-19
所有元素的默認定位都是:position:static,這意味著元素沒有被定位,而且在文檔中出現(xiàn)在它應該在的位置。
一般來說,不用指定 position:static,除非想要覆蓋之前設置的定位... -
CSS 英文教程 CSS語法
Syntax
作者:asdasdasd11-19
The CSS syntax is made up of three parts: a selector, a property and a value:
selector {property:value}
The selector is normally the HTML element/tag you wish to define, ... -
vertical-align 表單元素垂直對齊的解決方法
如下圖所示:
作者:asdasdasd11-19
于是上網(wǎng)查看了一些網(wǎng)站,發(fā)現(xiàn)這個問題是普遍存在的,如下圖(FF3.5):
在很多網(wǎng)站涉及到表單的頁面中,都存在這種表單元素與提示文字無法對齊的問題。于是打算研究一下這個問題... -
CSS border-width 屬性使用教程
border-width -- 定義四個邊框的寬度 取值:<border-width>{1,4} | inherit <border-width>{1,4}: 邊框?qū)挾?可以有一個,兩個,三個或四個值) inherit:繼承 初始值: medium 繼承性: 否 適用于: 所有...
作者:asdasdasd11-19 -
IE對CSS樣式的數(shù)量和大小是有限制的
文檔中只有前31個link或style標記關聯(lián)的CSS能夠應用。 從第32個開始,其標記關聯(lián)的CSS都將失效。IE的官方文檔All style tags after the first 30 style tags on an HTML page are not appli...
作者:asdasdasd11-19 -
網(wǎng)頁設計學習教程 CSS盒模型
網(wǎng)頁設計中的每個元素都是長方形的盒子。盒子的尺寸是怎樣精確計算的,請看下圖:
作者:asdasdasd11-19
如果是 Firebug 用戶的話(基本和前端有關的都會用到 Firebug 吧 - 糖伴西紅柿),就會很熟悉下面的圖表了。這個... -
CSS 網(wǎng)頁文字漸變效果
你想制作漂亮的標題而不用將每個標題都做成圖片嗎?這里是一個簡單的CSS技巧,它將向你展示使用一個png圖片制作漸變文字的方法(純CSS、無Javascript或Flash)。而你所需要的僅僅是在標題里面的一...
作者:asdasdasd11-19 -
不用Cookie的仿刷新二級高亮菜單
這也是我經(jīng)常采用的方式,一般的網(wǎng)頁至少都有兩級菜單,第一個是頂部的總導航條菜單,另一個是左側的分類導航菜單。一般要求在一級菜單高亮下二級菜單也能記錄當前狀態(tài)。 對于一個包含頂部菜單的...
作者:asdasdasd11-19 -
CSS 柱狀圖實現(xiàn)代碼其實很簡單
<!doctype html>
作者:asdasdasd11-19
<head>
<style>
ul.chart{padding:0;margin:0;list-style:none;border:1px #ccc solid;height:255px;font-size:9pt;background:#ddf3ff}
ul.chart p{padding:0;margin:0}
ul.ch... -
CSS padding屬性定義邊內(nèi)補白
邊框的里面可以有一層邊內(nèi)補白(padding),邊內(nèi)補白定義了邊框與邊框里面內(nèi)容的距離. 邊內(nèi)補白分為上邊內(nèi)補白(top),下邊內(nèi)補白(bottom),左邊內(nèi)補白(left),右邊內(nèi)補白(right). 邊內(nèi)補白只有width一...
作者:asdasdasd11-19 -
css 背景樣式屬性說明
css背景樣式
作者:asdasdasd11-19
序號 中文說明 標記語法 1 背景顏色 {background-color:數(shù)值} 2 背景圖片 {background-image: url(http://www.jb51.net/URL)|none} 3 背景重復 {background-repeat:inh... -
img 標簽下多余空白的解決方法
1、將圖片轉(zhuǎn)換為塊級對象 即,設置img為“display:block;”。在本例中添加一組CSS代碼:“#sub img {display:block;}”。 2、設置圖片的垂直對齊方式 即設置圖片的vertical...
作者:asdasdasd11-19 -
CSS3 優(yōu)勢以及網(wǎng)頁設計師如何使用CSS3技術
前些日子在SmashingMagazine看到一篇關于CSS3新技術不錯的文章,它詳細介紹了CSS3的新特性和它的使用方法,它包括:瀏覽器專有屬性、選擇器(屬性選擇器、連字符、偽類、偽元素)、RGBA和透明度屬性...
作者:asdasdasd11-19
