這幾周個人幾篇文章介紹了改博客屬性的文章. 關聯文章的地址

????在這里，妙巧的運用CSS的技能，可以讓你不必修改HTML能就失掉很好的博客或者模板表面。我收集了一些非常用有的CSS技能讓我們計設博客時更炫更酷。

?

????

?

?

????計設模版和博客題主時，我經常“一直敲推和試嘗CSS（Hit and Trial CSS ），我只看哪類配色計劃和哪類CSS屬性的合結能使面頁的元素更完善。對了。之所以說是“一直敲推和試嘗CSS”是因為在失掉了意滿的效果之前我會去試嘗想盡一切方法。應用這些不同的CSS屬性中，我用的最多的是列出來的這些。

?

?

????從我開始寫博客，我就接觸了CSS，我愛計設也愛CSS。博客讓我學了PHP，CSS甚至HTML。這里我收集了10個很不錯的CSS技能，你可以用在你的博客或個人網站上。它可以幫你很好地理整你的博客元素并讓他們看起來蠻酷的。上面開始我們的容內，希望你會歡喜它。

?

????

1、單簡的方法整調博客圖片大小

?

????

1	.content img {

2	height:auto;

3	width:500px;

4

}

?

????這是最單簡高效的重新整調你博客圖片尺寸的方法。它把容內里頭的有所圖片的寬度設為500像素，高度根據寬度自適應。我當初就是用這個方法重新義定了這個博客容內里頭的圖片大小。

?

????

2、IE HTML Hack

?

????

1	div#content {width: 580px}

2	* html body div#content {width: 600px}

?

????在div后面加上*號，這樣你能為IE制定特別式樣。

?

????

3、CSS影陰

?

????

1

.shadow {

2	-moz-box-shadow: 3px 3px 5px 6px #ccc;

3	-webkit-box-shadow: 3px 3px 5px 6px #ccc;

4	box-shadow: 3px 3px 5px 6px #ccc;

5

}

?

?

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

?

????

4、CSS首字放大

?

????

1	p:first-letter {

2	display: block;

3	float: left;

4	margin: 5px 5px 0 0;

5	color: red;

6	font-size: 1.4em;

7	background: #ddd;

8	font-family: Helvetica;

9

}

每日一道理
悶熱的天，蟬兒耐不住寂寞地不停在鳴叫，我孤單一人，寂靜的身旁沒有一個知音，想瘋狂地聽搖滾樂，聽歇斯底里的歌聲，那只為逃避無人的世界里那濃烈的孤單氣息。一個人是清冷，兩個人便是精彩，于是，莫名的沖動讓我格外想念舊日的好友，懷念過去的日子，盡管不夠現實的遐想追回不了曾經一切，但卻希望思緒可以飛揚于閉上雙目后的世界中，印有微笑，印有舞動的身姿，翩翩起舞……

?

????義定你的首字放大很輕易，用CSS的first-letter屬性以可就動自選定的博客的首字母，這樣你可以制定CSS來計設首字母的式樣了，像更大字號、體斜等等。

?

????

5、用CSS翻轉圖像

?

????

1	#content img {

2	-moz-transform: scaleX(-1);

3	-o-transform: scaleX(-1);

4	-webkit-transform: scaleX(-1);

5	transform: scaleX(-1);

6	filter: FlipH;

7	-ms-filter: "FlipH";

8

}

?

????用面上的CSS屬性你可以翻轉任何圖片

?

????

6、移除被點鏈接的點框

?

????

1	a {outline: none}

?

????或者

?

????

1	a {outline: 0}

?

?

????你定一注意到了，當你在一些博客里點擊鏈接時，你會看到在這個鏈接上有點狀的邊框。你可以通過面上一小段的CSS移掉這些邊框。

?

????

7、在CSS中應用特別體字

????你可以應用CSS來加載特別體字，你要做的就是把這個TTF格式的體字上傳到服務器上，然后應用體字規則在CSS上導入它。

?

????

8、元素透明

?

????

1	.element {

2	filter:alpha(opacity=50);

3	-moz-opacity:0.5;

4	-khtml-opacity: 0.5;

5	opacity: 0.5;

6

}

?

????應用透明屬性，你可以讓任何覽瀏器上的元素透明,這些屬性可以在有所主流器上任務，甚至IE（PS：IE6略過？...）

?

????

9、應用CSS表現鏈接以后的URL

?

????

1	a:after{content:" (" attr(href) ") ";}

?

????這會在鏈接錨點后表現URL。你也可以用體字或其他式樣義定它。

?

????

10、為手持設備制定特別式樣

?

????

1	<link type="text/css" rel="stylesheet" href="handheldstyle.css" media="handheld">

?

????如果你的博客不能應響或者你想在用手機覽瀏時有特別的式樣，你可為以你博客的手機版制定CSS。

文章結束給大家分享下程序員的一些笑話語錄： 現在社會太數字化了，所以最好是有一個集很多功能于一身的設備！

轉載于:https://www.cnblogs.com/xinyuyuanm/archive/2013/05/01/3053081.html

總結

以上是生活随笔為你收集整理的博客属性10个非常不错的CSS技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。