好久沒有更新了,學習也一直停頓著。
今天看到同學的一句部落格「你的高度決定你的視線,長得不高不是你的錯,但是站的不高就是你的錯了。&rdquowww.cppcns.com;
廢話少說,開始學習:
這幾天一直在研究html+css布局。並沒有把所有的布局都弄明白,只學了一點常用的css控制屬性;
先上圖看看吧。ps:只為說明功能,搞後台的對介面很……
html**:
複製**
**如下:
"" target="ife">呵呵
222333
aaabbb
cccaaa
bbbccc
aaabbb
cccaaa
bbbccc
aaabbb
ccccss**
複製**
**如下:
body
#contner
#header
#leftn**
#rightif
*#n**
#n** h3
#n** a
#n** a:hover
#n** div
左側的展開目錄js**:
複製代einfpounf碼
**如下:
script type="text/j**ascript">
function $(id)
window.onload = function()}}
用左側的導航控制主體部分變動,其他頁面不動。方程式設計客棧法有很多,js或者是jquery都可以實現也可以使用「框架」實現。只是在html5中「框架」的概念已經不在了。所以盡量避開框架。
我的js和jquery掌握的也是馬馬虎虎。
所以我就採用,所謂的網頁中的網頁。
利用id控制iframe中的網頁內容。
利用ul li 製作橫排導航
**如下:
複製**
**如下:
ulul li
本文標題: html+css布局(常用css控制屬性)小結
本文位址: /web/css/80381.html
HTML CSS 混合布局
charset utf 8 混合布局title type text css body top main left right foot margin 0auto 的意思就是 上下邊界為0,左右根據寬度自適應!其實就是 水平居中的意思 style head class top div class ma...
html css布局技巧
一 父元素的寬高的變化子元始終素鋪滿父元素 二 子元素位於父元素正中心 三 子元素垂直居中 四 子元素水平居中 五 固定寬高比盒子,padding bottom的取值是參照width,如果width的值是百分比,那麼參照就是父元素的width值 六 文字多於容器寬度顯示省略號 overflow hi...
html css簡單布局
經過幾天的學習漸漸掌握了一部分html和css 下面是用最近幾天學習的html css簡單布局的乙個頁面 這個頁面可以分為 header,middle和foot。其中head分為三部分,需要三個div標籤來進行布局 首先第乙個div標籤布局橙色區域以及整個header區域設定背景顏色,寬,高,外邊距...