HTML CSS布局 常用css控制屬性 小結

2022-09-28 10:09:11 字數 1057 閱讀 1031

好久沒有更新了,學習也一直停頓著。

今天看到同學的一句部落格「你的高度決定你的視線,長得不高不是你的錯,但是站的不高就是你的錯了。&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區域設定背景顏色,寬,高,外邊距...