-
FORM 不換行的方法
以往都是將 Form 塞到 Table 跟 tr 間 的這些方法來解決(或tr,td之間) 事實上 css 有簡易的解法~~~ 照下面的一設就搞定了 form{margin:0px;display: inline} margin: 上下左右間隔都設為 0px di...
作者：asdasdasd11-19 -
如何組織和注釋CSS文件
當我們的樣式表變得很大和很復雜時,按整潔易懂的結構組織它是非常重要的.組織樣式表可以讓我們寫出更有效率的CSS,并讓其他人容易明白和編輯的CSS樣式.當然,每個設計師都會有自己所鐘愛的方式. 1...
作者：asdasdasd11-19 -
讓IE可以變相支持CSS3選擇器
別誤會，IE是不支持CSS3高級選擇器，包括最新的IE8，但是CSS選擇器的確是很有用的，它可以大大的簡化我們的工作，提高我們的代碼效率，并讓我們很方便的制作高可維護性的頁面。
作者：asdasdasd11-19
然而IE對高級CSS... -
xHTML+CSS與SEO的關系
1)將頁面中最重要的內容用h1標簽括起來，h1的內容就和頁面title很自然的包含了站點或者頁面的核心關鍵詞，搜索引擎很重視h1標簽的內容喲2)合理的運用h2、h3等標題標簽，他們對于頁面來說就是文章...
作者：asdasdasd11-19 -
CSS 首行縮進兩個文字
總是在前面加上8個“ ”，因為過去大家對CSS的概念也不太熟悉，也不太重視，這種方法實現雖然比較直接，但是文字多的時候會有很多“ ”充斥在代碼中，如果再有些換行<br/>...
作者：asdasdasd11-19 -
CSS樣式表中的position屬性詳細說明
在CSS中關于position定位的內容是： position: relative | absolute | static | fixed static(靜態) 沒有特別的設定，遵循基本的定位規定，不能通過z-index進行層次分級。 relative(相對定位) 對...
作者：asdasdasd11-19 -
CSS 制作網頁導航條(下)
上節課我們將導航條做成了下面的效果但是此時的導航條還沒有鏈接，還不能點擊，這節課我們就要做一個完整的導航條【第四步】 我們需要將上面的導航條做以下幾個修改 1）給上面的導航加上鏈接； ...
作者：asdasdasd11-19 -
DIV CSS網頁設計 有用的3個CSS技巧
一、在一行內聲明CSS
作者：asdasdasd11-19
復制代碼代碼如下:h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {font-size:18px; border:1px solid blue; color:#000; back... -
CSS 網頁布局中的圖文列表實現代碼
搜狐新聞中心，左邊欄圖文列表：
作者：asdasdasd11-19
圖文html結構：
程序代碼
<div class="picTextGroup"> <p> <a href="" alt""><img src="圖片"/></a> <span class="title"... -
div+css 定位淺析
今天研究了一下，總算有所了解。在此總結一下：先看下各個屬性值的定義：
作者：asdasdasd11-19
1、static：默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
2、relat... -
css中IE判斷語句 if !IE
1. <!–[if !IE]><!–> 除IE外都可識別 <!–<![endif]–> 2. <!–[if IE]> 所有的IE可識別 <![endif]–> 3. <!–[if IE 5.0]> 只有IE5.0可以識別 <![endif]...
作者：asdasdasd11-19 -
CSS布局最常見的八條錯誤小結
很多人對于CSS都是邊干邊學習，因為它不像C#之類的語言那么復雜，看起來似乎挺簡單，然而正是這種對CSS的不完整的理解，導致了許多的CSS代碼破壞了布局，或者帶來了無休止的調試，以下總結了八條...
作者：asdasdasd11-19 -
IE overflow:hidden失效的解決方法
overflow:hidden失效 當父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時，父元素的overflow:hidden屬性就會失效。 我們在IE 6內發現子元素會超出父元素設定的高度，即使父元...
作者：asdasdasd11-19 -
CSS 很酷的透明樣式
我們今天這里不重點討論怎么制作帶有透明效果的 .png格式圖片，我們來討論怎么讓它在網頁中完美的顯示出它的透明的魅力。
作者：asdasdasd11-19
精靈空間不少地方都有很酷的透明效果。 （下面附上幾個截圖效果）。
... -
css 條件注釋使用指南
在CSS 框架和模板出現以后，一些布局的問題可以很容易解決掉，但是顯然這不能解決全部問題。這些問題通常可以通過普通的CSS來解決，但是有時候只針對IE顯示一些(樣式)信息可能會更好。 這是用條...
作者：asdasdasd11-19 -
基于css3仿造window7的開始菜單
作者：asdasdasd11-19
相當逼真，css3果然強悍。友情提示：請勿在IE下瀏覽。來看下原作者的設計草圖： 簡明創建過程 第一步 ：創建如下菜單結構 復制代碼代碼如下: <div id="startmenu"> <ul id="programs"> <li><a... -
面向對象的CSS應用
什么是面向對象的 CSS
作者：asdasdasd11-19
框架？工具？哲學？
Object-oriented CSS is a coding paradigm that styles "objects" or "modules"—nestablechunks of HTML that define a section of a webpage... -
12種CSS BUG解決方法與技巧
一、 針對瀏覽器的選擇器 這些選擇器在你需要針對某款瀏覽器進行css設計時將非常有用. IE6及其更低版本，本文由52CSS.com整理，轉載請注明出處！ * html {} IE7及其更低版本 ...
作者：asdasdasd11-19 -
css 分頁樣式代碼(基于a或li)綠色與藍色
第一個是從360而來的效果如圖所示:普通的a標記的分頁，兼容性好。綠色樣式演示代碼:
作者：asdasdasd11-19
<style>
.pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;}
.pages span,.pages a,.pa... -
浮動層自動適應高度的解決方法
先看一個例子： HTML: 復制代碼代碼如下: <ul> <li></li> <li></li> </ul> CSS: 復制代碼代碼如下: ul { margin:0; padding:10px; list-style:none; background-color:#006699; } ul li { width...
作者：asdasdasd11-19 -
關于CSS樣式表文件組織形式的整理
現在的開發環境CSS越來越成為主流，各企業與IT公司對CSS也越來越重視，大家的學習也熱情高漲，CSS被我們賦予了前所未有的使命。然而依賴css越多，樣式表文件就會變得越大越復雜。與此同時，文件...
作者：asdasdasd11-19 -
滑動門 圓角背景寬度和高度自適應
第一張圖用于高度自適應，第二張用于寬度自適應。如果覺得不夠高或寬，可以修改圖片。實現的方法很簡單，其實就是套2層，其中外層用長背景，內層用短背景蓋住。拿高度自適應來說，可以用一個div...
作者：asdasdasd11-19 -
教你打破傳統 我的密碼框 我做主
復制代碼代碼如下:<html> </p>
作者：asdasdasd11-19
<p><!--樣式--> <style type="text/css"> </p>
<p>#c { position: relative;} </p>
<p>#a { position: absolute; left: 10; top: 10; font-size: 12px; font-... -
IE6/7中使用setAttribute設置table的cellpadding和cellspacing的Bug
復制代碼代碼如下: table { border-collapse:collapse; border-spacing:0; } th,td { padding: 0; } JS操作這兩個屬性有兩種方式。 方式1，直接點操作 復制代碼代碼如下: table.cellSpacing = 1...
作者：asdasdasd11-19 -
CSS圖片垂直居中實現方法詳解
方法一：利用定位 HTML結構如： 復制代碼代碼如下: <div class="box"> <a class="pic-wrap" href="#" target="_blank"> <img src="http://img01.taobaocdn.com/tps/i1/T1LeeNXodaXXXXXXXX-130-1...
作者：asdasdasd11-19