css打造自己的部落格園

2022-02-18 18:39:03 字數 731 閱讀 8507

有一把時間供自己揮霍。就開始自己整整部落格。

當然,自我臭屁一下,作為乙個學css的csser。拿模板來對付自己也有點太不負責了吧。好,那我就自己設計一下自己的部落格頁面吧。

說幹就幹,具體的小步驟如下:

1:開啟自己的部落格,在「管理」-「部落格設定」中勾選「禁用模板預設css」核取方塊;

2:用firefox的外掛程式firebug檢視一下自己的部落格首頁的html檔案結構(此步驟可選),檢視頁面源**;

4:css樣式寫完後,預覽,直到自己滿意為止。然後將css**copy到「管理」-「部落格設定」中「通過css定製頁面」的文字框中;

5:預覽,自己的頁面就呈現在你面前了。

可是,還有乙個最大的問題是,一張頁面中完全不用做背景或是設定其它的樣式那多不爽啊。我遇到的問題是自己的在css設定的背景乙個都沒顯示出來。所以頁面的質量也就大打折扣了。心想:應該要上傳以個資料夾然後讓css檔案讀取這個資料夾,就出來了。可是找了半天都沒有找到上傳的按鈕。

最後找到了乙個笨辦法:將用到的背景上傳到相簿裡。這樣就會存在於網路伺服器上而不是本機上,然後在css檔案中引用絕對路徑。這樣,背景也就能順利顯示了,自己的頁面也就能夠完整地呈現在面前了。

的個人主頁的html主要分為5大塊:top,leftmenu,rightmenu,main,footer。其中主內容區的三大塊leftmenu,rightmenu,main水平方向並列顯示,可以設定它們分別向左、向右、向左浮動,再在footer新增清除浮動,這樣頁面的基本布局就差不多出來了。

部落格園CSS樣式

如圖示例 插入頁面定製css 中 cnblogs post body h3 cnblogs post body h1 cnblogs post body h4 cnblogs post body h5 cnblogs post body h2 如圖示例 插入頁面定製css 中 cnblogs pos...

部落格園CSS改造

今天抽了點時間把自己的樣式改了下,就是現在你看到的樣子,做的很簡單,大體符合自己的審美。使用的工具自然就是瀏覽器的 開發者模式了,有很多博文有相關的指導,如果不需要做的很複雜,最方便的方式就是先設定自己的乙個主題,然後修改css即可。可以說這其實是件很簡單的事情。以前,我也使用過拿來主義的部落格樣式...

在部落格園寫給自己

最近開始學習asp.net,感覺與asp.net相關的 需掌握的基礎很多很多。我是資訊工程的學生,對實現演算法比較熟悉,但是對asp.net,sql之類的可以說是一竅不通。乙個朋友向我分析了一下,覺得對創業者來說,純軟體的程式設計實際上是成本低 收益最大的選擇,所以我很想學習asp.net。anyw...