導航:首頁 > 萬維百科 > 百分比網頁設計css

百分比網頁設計css

發布時間:2020-11-25 08:21:13

1、求高手用CSS+DIV設計如下布局網頁,要求:css單獨文件。所有div高度使用百分比控制。高分送上

試試這樣:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>測試</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div class="h">頂部層</div>
<div class="nav">導航欄</div>
<div class="l">廣告層</div>
<div class="m">頁面主體</div>
<div class="r">廣告層</div>
<div class="b">底部層</div>
</body>
</html>

css.css 內容如下:

html, body { height:100%; padding:0px; margin:0px; }
.h, .nav, .l, .m, .r, .b { text-align:center; font-size:14px; border:1px solid #000000; margin:-1px;}
.h { height:10%;}
.nav { height:5%; background-color:#5C69C2;}
.l { float:left; width:20%; height:70%; }
.r { float:right; width:20%; height:70%; }
.m { float:left; width:60%; height:70%;}
.b { clear:both; height:10%; }

2、CSS樣式,一個網頁的設計是用固定高度寬度 還是用百分比

?

3、html css網頁製作高手 誰來救救我 (網頁自適應如何搞)

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body,html{
height: 100%;
width: 100%;

}
p{
width: 20%;
}
div{
height: 90%;
width: 90%;
border: 1px solid red;
position: relative;
display: table;
}
ul{
height: 60%;
width: 60%;
/*position: absolute;*/
/*bottom: -10px;*/
border: 1px solid green;
display: table-cell;
vertical-align: middle;
position: relative;
}
li{
display: block;
height: 13%;
width: 33%;
border: 1px solid blue;
list-style: none;
float: left;
min-width: 200px;
}
</style>
</head>
<body>
<div>
<p></p>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<p></p>
</div>
</body>
</html>
一朋友分享的 檢查下

4、關於網頁設計中的css

顯示和隱藏是最簡單的方法,你可以將右側的對應的div的高度從0變到你要的高度,和顯示隱藏效果一樣

5、div+css網頁設計的提成一般是多少啊? 百分之幾呢?

如果只做頁不太了解。
在網路公司裡面一般都為設計+做頁。
大概提成為10%左右,僅供參考。各公司各地不同。
-------------
只做頁,坦白說每個頁面轉化DIV+CSS 一般也就100 200塊錢,所以提不到多少,我覺得應該學學設計。

6、網頁設計問題,就是如何在css布局中設置邊框大小、顏色問題

我個人建議你應該先學學基本的HTML和CSS知識,可視化的網頁編輯工具對於新手來說是比較方便,但是這樣的結果是「知其然不知其所以然」,而且有的時候用軟體是達不到想要的效果的,還得直接修改HTML和CSS代碼。

img {border:1px solid #666666;}

7、網頁設計中的CSS是什麼意思???

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。
是一種對web文檔添加樣式的簡單機制,屬於表現層的布局語言。

1.基本語法規范
分析一個典型CSS的語句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
•其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式;
•樣式聲明寫在一對大括弧"{}"中;
•COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號";"分隔;
•"#FF0000"和"#FFFFFF"是屬性的值(value)。

2.顏色值
顏色值可以用RGB值寫,例如:color : rgb(255,0,0),也可以用十六進制寫,就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫,效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫,例如#FC1A1B必須寫滿六位。

3.定義字體
web標准推薦如下字體定義方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體,文檔將被指定為Lucida Grande。沒有的話,就被指定為Verdana字體,如果也沒有Verdana,就指定為Lucida字體,依此類推,;
•Lucida Grande字體適合Mac OS X;
•Verdana字體適合所有的Windows系統;
•Lucida適合UNIX用戶
•"宋體"適合中文簡體用戶;
如果所列出的字體都不能用,則默認的sans-serif字體能保證調用;

4.群選擇器
當幾個元素樣式屬性一樣時,可以共同調用一個聲明,元素之間用逗號分隔,:
p, td, li { font-size : 12px ; }

5.派生選擇器
可以使用派生選擇器給一個元素里的子元素定義樣式,例如這樣:
li strong { font-style : italic; font-weight : normal;}
就是給li下面的子元素strong定義一個斜體不加粗的樣式。

6.id選擇器
用CSS布局主要用層"div"來實現,而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層
<div id="menubar"></div>
然後在樣式表裡這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
這個方法主要用來定義層和那些比較復雜,有多個派生的元素。

6.類別選擇器
在CSS里用一個點開頭表示類別選擇器定義,例如:
.14px {color : #f60 ;font-size:14px ;}
在頁面中,用class="類別名"的方法調用:
<span class="14px">14px大小的字體</span>
這個方法比較簡單靈活,可以隨時根據頁面需要新建和刪除。

7.定義鏈接的樣式
CSS中用四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語句分別定義了"鏈接、已訪問過的鏈接、滑鼠停在上方時、點下滑鼠時"的樣式。注意,必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是「LVHA」。

8、在用CSS+div的網頁設計中,所有的DIV都要設定寬度和高度嗎?

給所有的DIV設定寬度和高度不是必須的。
DIV是塊級元素,默認的寬為100%,也就是你DIV外面的元素有多寬,DIV就是多寬。
DIV的高默認為內部元素的高,也就是DIV裡面的元素有多高,DIV就是多高。當DIV裡面的元素為浮動元素時候就會出現DIV高為0,所以這時候就得清除浮動。

9、評價css在網頁設計中的幾種布局方式

經典的是盒子模型,只要你想的都可以手寫樣式,但在對於居中,平鋪來說,自己寫就無法自適應,這是我們會用到flex,這是能橫向和縱向的居中,很方便。網頁中出了特點的幾個地方採用定位,一般不建議用,因為這個一般是救急用的

與百分比網頁設計css相關的知識