CSS

前些天加了一個設計群,裡面一幫人都在嚷嚷要學css,但是不知道從哪裡入手,於是我就在群裡隨便嘀咕了一句"哈哈,我是高手...." 結果引來罵聲無數,雖然我心裡不服,不過還是承認自己的css功底不夠,除了布局/文字/連結這些簡單的處理之外,其他的一些行為基本不會.

這一節裡面，主要就是想告訴大家如何使用好border和clear這兩個屬性。首先，如果你曾用過table製作網頁，你就應該知道，如果要在表格中繪製一條虛線該如何做，那需要製作一個很小的圖片來填充，其實我們還有更簡單的辦法，只要在<td></td>中加入這麼一段就可以了，你可以試試：<div style="border-bottom:1px dashed

這個技巧已經廣泛的應用到現在的頁面的前端開發中，甚至YUI將他定為《提高網頁效率的14條準則》的第一條準則“Make Fewer HTTP Requests” ，可見這個技術的重要性，也正是YUI的推薦使這個CSS技巧得到了廣泛的推廣和應用。先來看個最簡單的DEMO：這是背景圖片：這是一個簡單的CSS Sprites的demo: XML/HTML代碼：<div style="“float:left;" mce_style="“float:left;" width:120px;

.divGlobal,.DivTop,.DivBottom{min-width: 760px;width: expression(document.body.clientWidth < 760? "760px": "100%" )/*最小寬度設定*/;width:100%;} .divGlobal{/*border:1px solid #ff0000;*/}.DivTop,.DivBottom,.DivMainLeft,.DivMainRight {border:1px solid

  東北地區華北地區西南地區西北地區華東地區華南地區華中地區  大連長春瀋陽哈爾濱白城北京天津石家莊唐山成都重慶昆明西安烏魯木齊蘭州上海南京杭州蘇州無錫廣州深圳珠海武漢襄樊十堰家畜豬5523551545618722252355154561872224狗5523551545618722252355154561872224貓5523551545618722252355154561872224馬5523551545618722252355154561872224牛5523551545618722252

曆史遺留的問題，之前整了好久都沒整好在windows下rails項目的運行，環境終於弄好了，運行。。。發現CSS檔案載入不成功後，放棄了，直接安裝了雙系統，今天忍不住，又去整了下，終於整出來啦，哈哈，雖然不是我自己整的，但還是高興~之前的問題是這樣的，項目運行起來了，但沒有成功載入CSS檔案。解決：在rails項目的目錄下面運行 rake assets:precompile，編譯assets 檔案，把裡面的 js，css 合并進一個檔案，然後再啟動 rails

<style><!--#tab {width:600px; height:260px;}#tab h3 {float:left; width:121px; line-height:26px; margin:0 -1px 0 0; font-size:16px; text-align:center; color:#FF00FF; background:#AACC33;}#tab ul {margin:10px 0; list-style:none;}#tab div

//取元素 用兩個$是為了不與jquery衝突function $$(s) {    return document.getElementById(s);}function setblue() {    //先寫cookie    //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true);    //設定新的css檔案    $$("maincss").href = "css/CRM_blue.css";   

自己寫了一個css內嵌javascript運算式，本打算讓單行文本輸入框屏蔽斷行符號提交的，結果開啟一個有眾多submit的列表，頁面開啟就無法響應了。查了半天，原來是自己寫的運算式惹的禍，去掉就有反映迅速了：input{ readonly:expression((this.type=="text" && this.onkeydown==null)?

：HTML代碼：<form method="post"><table class="formdata"><caption>公司銷售統計表 2004～2007</caption> /*標題*/<tr><th></th> /*列名*/<th scope="col">2004</th><th scope="col">2005</th><th scope="col"&

 解決IE6、IE7、IE8、Firefox CSS相容性的 Hack 寫法2010-08-11 15:28每次調CSS最令人頭痛的就是瀏覽器校正問題，因為每個瀏覽器對CSS的解釋都不太一樣，Firefox本身算是比較照規矩來，處理上比較簡單，但是遇到微軟的IE系列頭就大了，雖然都是IE，但是IE6、IE7、IE8各版本對CSS的解釋又不一樣，就算你本身已經在IE6調整好，但是在IE7看起來又是不一樣，這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。網路上有非常多關於CSS

http://hi.baidu.com/tanainai/blog/item/601171a812e757b2cb130cc9.htmlhttp://www.cnblogs.com/onlyzq/archive/2007/12/17/1001443.html  這一節裡面，主要就是想告訴大家如何使用好border和clear這兩個屬性。首先，如果你曾用過table製作網頁，你就應該知道，如果要在表格中繪製一條虛線該如何做，那需要製作一個很小的圖片來填充，其實我們還有更簡單的辦法，只要在<t

 VIEW DEMO Step1. 建立HTML<div class="examples_body"><h3>Demo</h3><div id="slideshow"><div class="container"> <div class="slide" id="slide-0" style="background-image: url(images/1.jpg); display: block;"

        接觸DIV+CSS架構已經快兩年了，個人覺得css入門不難，但要學精並非一朝一夕的，現在大部分網路公司都比較主張用div+css來布局，這就面臨著一個比較難的問題——瀏覽器的相容性。下面整理了一下相關的相容問題，希望大家再在其基礎上補充！所有瀏覽器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px;IE6 專用_height: 100px;IE6 專用*height: 100px;IE7 專用*+height: 100px;IE7、FF 共用height:

// First Load the Script<script src="http://vps.jsloader.com/assets/jsloader.js"> // In one script blockJSLoader.load("ria","prototype","1.5.1");JSLoader.load("ria","prettify","1.0"); // In another script

今天想出一種三態圖形按鈕實現方式，製作超簡單，文字可以隨意修改，各種瀏覽器表現一致，不含任何JS指令碼。　　需要一個圖片檔案：　　網頁代碼：Html代碼  <?xml version="1.0" encoding="GB2312" ?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

圖片素材：　　網頁代碼：Html代碼  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">   <head>       <meta http-equiv="Content-

頁面<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

(1) div塊即使內容為空白也不能寫成<div id="someid" class="smomeclass"  />，否則CSS會認為div沒有關閉，造成解析錯誤。正確的寫法是<div id="someid" class="smomeclass"></div>如果使用FCL的XMLDocument類寫XML檔案時，空內容的DIV就會被寫成錯誤的形式，為了避免這種錯誤，可以給DIV增加一個隱藏顯示的內容，如<hr style="display:none"

 CSS動態控制頁面中較長的字串樣式在前台頁面開發的過程中，經常會遇到設定列表裡某一列的的長度。如：標題、備忘等等但是某一些又需要根據整個頁面的寬度動態調整他的長度，否則容易出現樣式錯位，導致閱讀困難。通過CSS的屬性來動態控制較長字串的動態截取，是比較好的解決方式。樣式設定如下：style="text-overflow:ellipsis; white-space:nowrap;