網站設計必須知道的DIV+CSS排版技巧
2010/9/19 15:15:05
網站設計及網站布局的基本是要懂得DIV+CSS,通過合理的利用DIV+CSS可以利于搜索引擎的抓取,個人感覺DIV+CSS作為制作網頁,美化網頁的一個重要輔助是很強大方便的,可以彌補table制作框架和表格時的很多不足和美工上的缺點。下面是網站制作者必須知道的排版技巧:
一、CSS邊框(border):
border主要有以下參數:none:無邊框;hidden:隱藏邊框;dotted:點線;dashed:虛線;solid:實線邊框;double:雙線邊框;groove:3D凹槽;ridge:菱形邊框;inset:3D凹邊;outset:3D凸邊。
邊框的值將是四個,如果提供全部四個參數值,將按上-右-下-左的順序作用于四個邊框。如果只提供一個,將用于全部的四條邊。如果提供兩個,第一個用于上-下,第二個用于左-右。如果提供三個,第一個用于上,第二個用于左-右,第三個用于下。邊框(border)和邊界(margin)主要用來定位,它們將以上下左右四個值來定義。
二、CSS加入網頁方法:
主要分為三種:內部樣式表、行內樣式表、外部樣式表。內部樣式表主要定義在<head>內;行內樣式表可直接使用style屬性定義在標簽內部;使用外部樣式表時,CSS文件與網頁文件是分離開來的,分開的文件要用<linkrel="stylesheet"type="text/css"href="文件位置/你的CSS文件名.css"/>鏈接起來,這主要針對CSS樣式表較多的網頁中,特別是要與DIV結合的網頁。
三、CSS盒子
CSS中沒有box這個屬性。CSS的盒子是由以下幾個部分組成的:內容(content)、填充(padding)、邊框(border)和邊界(margin)。盒子的內容當然是必須有的,而填充、邊框和邊界都是可選的。如果把CSS的盒子看做現實生活中的盒子,那么內容就是盒子里裝的貨物;而填充就是怕貨物損壞而添加的泡沫或者其它抗震的東西;邊框就是盒子本身了;至于邊界則說明盒子擺放的時候的不能與其他物體緊挨在一起,而必須有一段空隙。當然了,CSS中的盒子是平面的。
四、設置背景屬性
background屬性包含很多子屬性,如background-color設置背景顏色;background-image設置背景圖片;background-repeat設置背景圖片的重復設置,background-repeat:no-repeat為不重復,background-repeat:repeat-x為只水平方向重復,background-repeat:repeat-y為只垂直方向重復;background-position設置背景圖片的顯示位置,background-attachment為固定圖片在某個位置顯示。
五、設定文字字體、顏色、大小
font-style設定斜體,比如font-style:italic;font-weight設定文字粗細,比如font-weight:bold;font-size設定文字大小,比如font-size:12px;line-height設定行距,比如line-height:150%;color設定文字顏色(不是font-color),比如color:red;font-family設定字體,比如font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋體,sans-serif;font:italicbold12px/150%"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋體,sans-serif;
六、如何控制段落排版
中文段落使用<p>標簽,左右(相當于縮進)、段前段后的空白,都可以用margin。比如:
p{ margin:18px6px6px18px; /*分別是上、右、下、左,十二點開始的順時針方向*/ } 文字的對齊方式用text-align,談起margin,我習慣于在寫CSS的時候為所有的標簽定義margin:0;因為時而出現由于默認的margin值導致頁面排版問題,而自己找不到原因
七、鏈接
CSS鏈接有四個屬性:其中a:link、a:visited、a:hover和a:active分別對應未訪問的鏈接、已經訪問過的鏈接、鼠標懸停的鏈接和激活的鼠標鏈接(按下鼠標左鍵的時候)。這幾個樣式的順序不能顛倒,否則可能造成部分樣式無法正常顯示。每個樣式里可以更改字體屬性
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
午夜免费1000部|
国产精品亚洲аv无码播放|
久久国产精品久久精品国产|
欧美美女与野兽免费看电影|
北条麻妃久久99精品|
韩国日本好看电影免费看|
国产精品免费看久久久|
XX性欧美肥妇精品久久久久久|
成年人在线视频网站|
久久精品一区二区三区av|
欧美丰满熟妇xxxx性ppx人交|
亚洲精品高清国产一久久|
精品人妻大屁股白浆无码|
国产chinesehd在线观看|
黄网站色视频免费观看45分钟
|
综合图区亚洲欧美另类小说|
国产大片内射1区2区|
怡红院国产免费|
国内大量揄拍人妻精品視頻|
hentai里番在线|
成人啪精品视频免费网站|
久久久久亚洲AV成人片|
日韩大片免费观看视频播放|
亚洲h在线观看|
欧美成人精品a∨在线观看
|
久久精品国产大片免费观看|
欧美一区二区三区精华液|
亚洲欧美一区二区三区|
海角社区hjb09|
国产高清在线a视频大全|
一个人看的www免费高清|
扒下胸罩揉她的乳尖调教|
久久国产精品一区|
最新69堂国产成人精品视频|
亚洲免费视频网|
欧美日韩一级二级三级|
亚洲精品无码mv在线观看网站|
男人肌肌捅女人肌肌视频|
再深点灬舒服灬太大了np视频|
美女隐私尿口视频网站|
国产xxxx做受视频|