百度模板怎麽做？

[管理中心]-& gt；【太空裝】-->；【模板】，在這裏可以選擇自己喜歡的模板，這個大家應該都知道。選擇自己喜歡的模板，當然最好是簡單的模板。點擊右邊的【新建模板】或者【編輯此模板】進入【編輯CSS自定義模板】頁面，就可以開始制作自己的模板了。對於，有些朋友不知道這個css，也不知道它是什麽。這裏給大家簡單解釋壹下。百度空間采用div+css的頁面布局。因為布局的需要，可能是因為不想弄得太亂，也可能是因為想讓大家更容易改。頁面中仍有壹些表格。css的作用是什麽？想象壹下，頁面是壹個人，這個css是衣服。衣服有很多種。壹個人可以穿不同的衣服，我們要做的就是設計衣服，當然也可以修改衣服。那麽，如何修改呢？body { background-color:# FFFFFF；這是壹件白大褂，它的作用是讓妳整個頁面的背景顏色變成白色。如果不喜歡，要不要換上壹件色彩鮮艷的外套？body { background:URL(XXX . JPEG)；這是壹個彩色的外套，它的功能是讓妳使用圖片xxx.jpeg作為頁面的背景。妳試試。很簡單。它只是改變了整個頁面的背景。對於不熟悉修改模板的，就換個頭就好了。在[編輯CSS自定義模板]頁面上，找到#header{...}，也就是頁面的頭部。將有壹個屬性背景圖像或背景。在它之後，妳會發現網址(xxx.jpeg)，這個xxx.jpeg就是頁面頭部的圖片。可以找壹張圖片，用那張圖片的地址替換。如果是網上的圖片，可以直接獲取它的網址。通常，您應該從本地計算機中選擇壹張圖片。妳需要把它上傳到空間裏的相冊裏，然後找到那張圖片，點擊它，進入瀏覽模式，再點擊它，然後妳會在瀏覽器的地址欄裏看到類似的東西。

將其復制並粘貼到url()。然後可以修改高度什麽的。最後妳會修改成這樣:# header { height:382 px；背景-圖像:url(

);背景-重復:不重復；背景-位置:中心頂部；}這只是修改頭部，然後可以修改其他部分。在百度空間，有幾個變化需要註意。1.整頁，設置整頁背景體2。Head，設置header background #header 3。空間名稱#header div.tit空間介紹#header div.desc 4。頁面主體，設置底部背景#main 5。內容區域，設置中間背景。第六階段。模塊區，設置模塊標題背景。modth 7。文章標題，在文章標題前設置小圖# m _ blogdiv.tit8 .模塊內容，在模塊內容列表前設置小圖# m _ artclgdiv.item，# m _ fileddiv.item，# m _ commentdiv.item。# m _ links div . item # m _ my link 1 div . item，# m _ mylink2div.item，# m _ mylink3div.item，# m _ mylink4div.item如果不知道對應的位置是哪個標簽，可以直接右鍵點擊頁面查看源代碼。當然，如果妳是新手，應該很難理解。然後，妳也可以看看百度，或者再看看【css描述】。如果不太了解網頁的配色，也可以查看下面這篇文章:基本配色(色譜)修改完畢後，可以點擊【預覽】查看效果。如果不滿意，可以再換。如果妳覺得可以，點擊【另存為】或者【保存使用】跳轉到【我做的模板】頁面。如果點擊【另存為】，則需要再次選擇修改。如果妳覺得好看，想分享給別人，可以在【我做的模板】頁面選中那個模板，點擊【分享】。但是註意，共享模板本身是不能修改或刪除的，所以要小心。而且有些作者，也就是妳模板的原設計者，可能不希望看到妳把他們喜歡的模板改得亂七八糟，或者根本不改就分享給別人。為了讓新手快速上手，我在這裏挑壹些修改模板時的常用屬性。Background:Background-color | | Background-image | | Background-repeat | | Background-attachment | | Background-position示例:body { Background:# ffffurl(xxx.jpg)repeat-y scroll left top；描述:這是壹個復合屬性，用於更改標記體的背景。它只能寫壹個或幾個屬性，比如:body { background:# ffffff；};也可以分開寫，比如body { background-color:# ffffff；}。其中，background-color為背景色，可在【css描述】中選擇，不寫或寫透明表示背景色透明；背景圖像是背景圖片；Background-repeat是對背景圖像平鋪的修改，repeat:垂直和水平平鋪，no-repeat:不平鋪，repeat-x:水平平鋪，repeat-y:垂直平鋪；在background-attachment中，scroll表示背景圖像隨對象內容滾動，fixed表示背景圖像固定；Background-position是背景圖片的位置，有水平和垂直參數。可以寫top | center | bottom | left | center | right，也可以寫值10px percentage 10%。font:font-style | | | font-variant | | font-weight | | | font-size | | | line-height | | font-family示例:body { font:italic small-caps bold 12px 20px }說明:這是壹個復合屬性，改變了標簽體的字體。可以分開寫，和背景壹樣。例中表示字體樣式為斜體，小寫字母字體為加粗，字號為12px，行高為20px，字體名稱為宋體。Height: auto | length示例:body { height:100 px；}描述:設置標簽寬度的高度:auto | length示例:body { width:100 px；}描述:設置標簽邊距的寬度:auto | length margin:margin-top | margin-right | margin-bottom | margin-left示例:body { margin:0px；} body { margin:0px 0px；} body { margin:0px 0px 0px 0px；描述:對象上邊緣的外部邊距是從包含它自身的標記的距離。padding:auto | length padding:padding-top | padding-right | padding-bottom | padding-left示例:body { padding:0px；} body { padding:0px 0px；} body { padding:0px 0px 0px 0px；}描述:壹個對象的四個邊上的補丁邊距正好是它所包含的標簽的距離。border:border-width | | border-style | | border-color示例:body { border:1px solid # ffffff；}描述:這是壹個改變標簽體邊框的復合屬性。可以分開寫，和背景壹樣。這是指同時四個方向的邊框，可以分別指定，邊框-上、邊框-下、邊框-左、邊框-右濾鏡:濾鏡示例:body { filter:Alpha(opacity = 35)；} body {濾鏡:Alpha(不透明度= 35)；-moz-不透明度:0.35；}描述:設置或檢索應用於對象的濾鏡效果；例子中設置了標簽的透明度，第二個是兼容其他瀏覽器的設置；常用背景音樂，圖片循環效果:濾鏡:alpha(不透明度= 100，精細度= 10，style = 2，startx = 20，starty = 40，finishx = 0，finish = 0)常用灰色效果:濾鏡:灰色()。順便說壹下偽類:a:link在對象A被訪問之前設置它的樣式表屬性；a:hover在鼠標懸停時設置對象A的樣式表屬性；a:active在用戶激活對象A時設置它的樣式表屬性(在鼠標單擊和釋放之間發生的事件)。A:visited設置過時的樣式表屬性，表明A對象在其鏈接地址被訪問過。順便說壹下！重要例子:body { font-size:10px；font-size:12px；}結果font-size為12 px body { font-size:10px！重要；font-size:12px；}結果font-size為10px body { font-size:10px！重要；} body { font-size:12px；}結果字體大小為10px。

上一篇:建築工程綠色施工評價要素包括哪些指標

下一篇:怎麽設計網頁，實現身份驗證後才能進入網頁，PHP語言