10個非常不錯的CSS技巧收集整理分享

2022-09-21 04:12:11 字數 1696 閱讀 1634

在這裡,巧妙的運用css的技巧,可以讓你不用修改html就能得到很好的部落格或者模板外觀。我收集了一些非常有用的css技巧讓我們設計部落格時更炫更酷。

設計模版和部落格主題時,我經常「不斷推敲和嘗試css(hit and trial css ),我只看哪種配色方案和哪種css屬性的結合能使頁面的元素更完美。對了。之所以說是「不斷推敲和嘗試css」是因為在得到了滿意的效果之前我會去嘗試想盡一切方法。使用這些不同的css屬性中,我用的最多的是列出來的這些。

從我開始寫部落格,我就接觸了css,我愛設計也愛css。部落格讓我學了php,css甚至html。這裡我收集了10個很不錯的c程式設計客棧ss技巧,你可以用在你的部落格或個人**上。它可以幫你很好地整理你的部落格元素並讓他們看起來蠻酷的。下面開始我們的內容,希望你會喜歡它。

1、簡單的方法調整部落格大小

複製**

**如下:

content img

這是最簡單高效的重新調整你部落格尺寸的方法。它把內容裡面的所有的寬度設為500畫素,高度根據寬度自適應。我現在就是用這個方法重新定義了這個部落格內容裡面的大小。

2、ie html hack

複製**

**如下:

div#content

* html body div#content

在div前面加上*號,這樣你能為ie定製特殊樣式。

3、css陰影

複製**

**如下:

shadow

你能為塊級元素或任何被div包裹的類或標籤應用上面的樣式。你需要設定水平和豎直偏移量、模糊半徑和陰影填充色。你可以在這篇文章貼出的那張上看看這個例子。

4、css首字放大

複製**

**如下:

p:first-letter

定義你的首字放大很容易,用css的first-letter屬性就可以自動選定的部落格的首字母,這樣你可以定製css來設計首字母的樣式了,像更大字型大小、斜體等等。

5、用css翻轉影象

複製**

**如下:

#content img

用上面的css屬性你可以翻轉任何

6、移除被點鏈結的點框

複製**

**如下:

a 或者 a

你一定注意到了,當你在一些部落格裡點選鏈結時,你會看到在這個鏈結上有點狀的邊框。你可以通過上面一小段的css移掉這些邊框。

7、在css中使用特殊字型

你可以使用css來載入特殊字型,你要做的就是把這個ttf格式的字型上傳到伺服器上,然後使用字型規則在css上匯入它。

8、元素透明

複製**

**如下:

element

使用透明屬性,你可以讓任何瀏覽器上的元素透明,這些屬性可以在所有主流器上工作,甚至ie(ps:ie6略過?...)

9、使用css顯示鏈結之後的url

複製**

**如下:

a:after

這會在鏈結錨點後顯示url。你也可以用字型或其他樣式定義它。

10、為手持裝置定製特殊樣式

複製**

**如下:

程式設計客棧href="handheldstyle.css" media="handheld">

如果你的部落格不能響應或者你想在用手機瀏覽時有特殊的樣式,你可以為你部落格的手機版定製css。

本文位址: /web/xindejiqiao/88235.html

10個非常有用的CSS技巧

1.將網頁或元素居中 html divclass wrap div css wrap 2.sticky footer 讓頁尾永遠停靠在頁面底部,而不是根據絕對位置 html divid wrap divid main class clearfix div div divid footer div c...

非常實用的10個PHP高階應用技巧

php 獨特的語法混合了 c j a perl 以及 php 自創新的語法。它可以比 cgi或者perl更快速的執行動態網頁。用php做出的動態頁面與其他的程式語言相比,php是將程式嵌入到html文件中去執行,執行效率比完全生成html標記的cgi要高許多。下面介紹了十個php高階應用技巧。1,使...

CSS例項 CSS的10個方法和技巧

css用於定義 的ui和將內容從外觀中分離。css在幾乎所有 中被廣泛應用。讓我們花點時間來看看我們編寫的樣式是否基於比較好的標準。下面的這些技巧將對css初學者在開發中有所幫助,對css高手或許也將有某些提高。css用於定義 的ui和將內容從外觀中分離。css在幾乎所有 中被廣泛應用。讓我們花點時...