花了一段時間看css把這個新blog個人化了一番——還好這裡和csdn用的是一個blog系統,省了不少事情。

 這裡寫的是我在yesky上的blog(已棄用)的個人化心得,能量有限,僅僅是找了一晚上資料的結果,還請不要見笑。現改到這個樣子,看起來還挺合心意,以後準備事情況在作定奪,可能會加上背景換一個title的圖片,然後加上一個可用的計數器和google,也有可能加入google的廣告——這裡可以插入代碼真是很不錯的,給人積極性亞——要是能提供“相片冊”,支援串連外部圖片,然後上傳圖片中提供對swf檔案的支援就更好了。在頁面中可以開啟源檔案,這樣就可以看到所調用的css檔案的地址了。從系統中調用的預設

一個CSS中內嵌元素的邊框問題

代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;

CSS中!important的作用

{*rule !important}這個css規則當今在網頁製作的時候的普及已經非常流行了,以前我對它的理解就停留在‘瀏覽器是否識別階段’ 而沒有真正去研究過,可是現在發生了變化。眾所周知,!important這個規則對Ie6.0,Ie7.0和Firefox能寫hack,現在就來講解這是什麼原理:*對於Ie系列瀏覽器都能夠識別, firefox

Div+CSS建立固定寬度布局

用 XHTML 和 CSS 實現兩列或三列頁面配置的各個方面。到目前為止,所有例子都使用流式布局(也就是布局會自動擴充和適應瀏覽器視窗的寬度)。現在是時候考慮另外一種主要的頁面配置方法了,這種布局方法是固定寬度布局。很多 Web 構建人員傾向於使用固定寬度的布局進行頁面設計,因為它們能產生精確且可預知的結果。這種方法與列印布局非常接近,對於設計人員和訪問者來說都是一個很重

CSS中應用position的absolute和relative的屬性製作浮動層

        折騰了好久,z-index設定的快到天文數字了,就是沒有預期的結果出來,很鬱悶了一陣子!        我的浮動層結構大概如下:                <div id="container">                          <div id="content">                          </div>                </div>        

CSS中position屬性詳解以及定位的說明——實驗2

原文:http://blog.csdn.net/huang_xw/article/details/7300201<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

《精通CSS與HTML設計模式》讀書筆記1——CSS選擇符與繼承

一、CSS選擇符1. 類型、類和ID選擇符:element element.class element#ID 2. 群組選擇符(group selector):用逗號3. 後代選擇符(descendent selector):用空格4. 子選擇符(child selector):用大於符號5. 首子選擇符(first-child selector):用:first-child6. 兄弟選擇符(sibling selector):用加號7. 屬性選擇符:p[title],

CSS中position屬性詳解以及定位的說明

position的四個屬性值:1. relative2. absolute3. fixed4. static一、相對定位(relative)1. 定位參照位置:該塊對應文檔流中的位置。2. 位置位移:通過設定left與top屬性。注意:1.位移後,在文檔流中的原位置還是會保留。2.位移是基於對象的margin的左上側的。參見實驗1:http://blog.csdn.net/huang_xw/article/details/7300218二、絕對位置(absolute)1. 獨立於文檔流中。2.

CSS中position屬性詳解以及定位的說明——實驗3

原文:http://blog.csdn.net/huang_xw/article/details/7300201<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

CSS中position屬性詳解以及定位的說明——實驗4

原文:http://blog.csdn.net/huang_xw/article/details/7300201<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

《精通CSS與HTML設計模式》讀書筆記2——盒模型

內聯盒模型(inline)1. width 、height和。verflow在內嵌元素上不起作用,因為它們總是與內容的寬度和高度相一致。2. margin-top, margin-bottom有效.    margin-left, margin-right無效.3. line-height: 設定行的高度4. border-left: 自身元素右移    border-right: 下一個元素右移    border-top, border-bottom: 顯示於內邊距之外,

《精通CSS與HTML設計模式》讀書筆記3——盒模型位置

width1. auto: a) 沒有設定left, right, 實現水平包裹         b) 設定left, right, 實現水平展開2. value: 用具體的值做為元素的尺寸. 當可視畫面比預想的大或小的時候, 固定寬度的元素可能對使用者就不那麼友好了.3. auto: 設定成其父元素的寬度.height1. auto: a) 沒有設定top, bottom, 實現垂直包裹         b) 設定left, right, 實現水平展開2. value:

CSS中position屬性詳解以及定位的說明——實驗1

原文:http://blog.csdn.net/huang_xw/article/details/7300201<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

css tab的製作

需要再加上JS進入控制。具體代碼如下,JS的功能就是用來修改CSS中的display屬性。下面的代碼只是做一些簡單的原理示範,你可以跟據你自己的需要進行修改。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator"

用CSS診斷HTML代碼

      用firebug將下面這行貼進你要檢查的頁面中。如果頁面的html代碼使用了不被推薦的標籤或屬性將被高亮標出,等級從紅,橙紅到黃。<link rel="stylesheet" type="text/css"

瀏覽器css差異

 一、CSS選取器差異一個CSS的IE和FF差異,#popup_container .alert{}在IE6下alert類只能作用於#popup_container的子項目。FF下alert類可以作用於#popup_container和其子項目。二、z-index在IE中的迷惑z-index屬性適用於定位元素(position 屬性值為 relative 或 absolute 或 fixed的對象),用來確定定位元素在垂直於顯示屏方向(稱為Z軸)上的層疊順序(stack

CSS屬性書寫順序

每寫css時也會停頓下,組織下順序怎麼寫,沒有仔細分析過,時間長了就形成預設的習慣了,純粹為了好尋找改寫方便,大概是這樣:position: ;margin: ;padding: ;width: ;height: ;border: ;background: ;color: ;font-size: ;z-index: ;display: ;只列了常用的一些,看了歲月如歌的《CSS中屬性的書寫順序》,覺得分析的不錯,借鑒下。  影響文檔流的屬性(比如:display, position,

CSS模組化的幾個細節討論

       CSS模組化不是簡單的在CSS檔案中分幾塊,或者把css拆分成幾個小css檔案。CSS模組化的目的是讓css的可複用、可移植、可替換,實現的手段有封裝、繼承、多態,對於CSS模組化的封裝、繼承、多態的瞭解詳見 淺談CSS模組化 。對於大型項目的CSS模組化很重要,做的好以後的維護就很方便。模組的代碼塊要獨立,只依賴reset和全域樣式,不依賴其它模組代碼     

善用css縮寫規則

一、  善用css縮寫規則 /*注意上、右、下、左的書寫順序*/ 1.      關於邊距(4邊): 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px    (省略的左等於右) 1px 2px        (省略的上等於下) 1px            (四邊都相同) 2.      簡化所有: */ body{margin:0}------------表示網頁內所有元素的margin為0 #menu{

DIV+CSS中div高度隨內容增多自動延伸(DIV背景色或背景圖自動伸長)

在IE6,7下只要不設定Div高度,就能自適應高度,背景色或背景圖也能自動延伸。但是在IE8或Firefox下面就有問題了!背景色或背景圖得不到延伸!!解決辦法看下邊:這種方法就是向父容器的末尾再插入一個額外的標籤,並令其清除浮動(clear)以撐大父容器。這種方法瀏覽器安全色性好,沒有什麼問題,缺點就是需要額外的(而且通常是無語義的)標籤。 在Div末尾加入代碼:  <div style="clear:both;"></div>   或者使用   <br style="clear:

總頁數: 694 1 .... 193 194 195 196 197 .... 694 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。