Blog Cover Image

Inspire you to have New thinking, Walk out your unique Road.

有的時候,你無意間遇到的一些故事,會激發你的靈感,改變你的想法,接下來你會用與之前全然不同的觀念去創造屬於你獨特的故事。

Sign @MinaYu.

[Html,Css]那些我曾經不懂卻又卡很久的事

Posted on

由於我的程式除了c跟c++以外不是去上課學的,所以通常都是邊寫邊查怎麼寫。

常常碰壁然後突破碰壁然後突破,所以習慣性的把當初碰壁的資料給存起來。

「對於不同瀏覽器的處理方式」

舉例為背景尺寸

-moz-background-size:auto;        /for Firefox/

-webkit-background-size:auto;        /for Google Chrome、Safari/

-o-background-size:auto;        /for Opera/

background-size:auto;        /for IE/

「div border 表現方式」

p.dotted {border-style: dotted;}

p.dashed {border-style: dashed;}

p.solid {border-style: solid;}

p.double {border-style: double;}

p.groove {border-style: groove;}

p.ridge {border-style: ridge;}

p.inset {border-style: inset;}

p.outset {border-style: outset;}

p.none {border-style: none;}

p.hidden {border-style: hidden;}

p.mix {border-style: dotted dashed solid double;}

 

「文字」

font-size: 12px;          // 設定文字大小 

line-height: 24px;         // 設定文字行距 

letter-spacing: 3px;        // 設定文字間距 

background-image: url(dot.gif);  // 設定文字背景圖

 

「Css 網頁滿版」

html, body { margin: 0; padding: 0; height: 100%; border:none; }

「Css透明度」

div {

    width: 500px;

    height: 20px;

    background: #000;

}

.opacity1 {

    opacity: 1.0;

}

.opacity2 {

    opacity: 0.8;

}

.opacity3 {

    opacity: 0.6;

}

.opacity4 {

    opacity: 0.4;

}

.opacity5 {

    opacity: 0.2;

}

透明度為0~1。把opacity: 0.x;放進 div裡面就可。

 

「header,nav 同行」

這邊是我在寫把header 跟nav放同一行,想形成 「logo」「nav list list list list list」。

header overflow:hidden;

nav float:left; 

h1  float:left;  (logo) //這邊logo包在h1裡面

 

加碼 「php 單引號雙引號要特別處理」

其實是小小的提醒還不用新增一個後端的分類所以寫在這。

用php包html的程式碼的時候,如果php用雙引號“”去包html語法,那遇到html語法的時候必須要用反斜線\去區分,此時如果html裡面有單引號就不用特別去加。

也就是說如果你的php有使用到雙引號或者單引號,那麼包下去的html的雙引號跟單引號就需要反斜線去處理。