前端技術之 CSS

2022-05-29 11:18:12 字數 972 閱讀 8567

在標籤上設定style屬性:

background-color: #2459a2;

height: 48px;

...編寫css樣式:

1. 標籤的style屬性

2. 寫在head裡面 style標籤中寫樣式

- id選擇區

#i1- class選擇器 ******

.名稱《標籤 class='名稱'>

3、注釋

/* */

4、邊框

- 寬度,樣式,顏色 (border: 4px dotted red;)

- border-left

5、

height, 高度 百分比

width, 寬度 畫素,百分比

text-align:ceter, 水平方向居中

line-height,垂直方向根據標籤高度

color、 字型顏色

font-size、 字型大小

font-weight 字型加粗

6、float

讓標籤浪起來,塊級標籤也可以堆疊

老子管不住:

7、display

display: none; -- 讓標籤消失

display: inline;

display: block;

display: inline-block;

具有inline,預設自己有多少佔多少

具有block,可以設定無法設定高度,寬度,padding margin

******

行內標籤:無法設定高度,寬度,padding margin

塊級標籤:設定高度,寬度,padding margin

8、padding margin(0,auto)

web前端之CSS技術(四)

12.網頁布局總結 13.元素的顯示與隱藏 續web前端之css技術 一 續web前端之css技術 二 續web前端之css技術 三 浮動可以讓多個塊級盒子一行沒有縫隙排列顯示,經常用於橫向排列盒子。定位則是可以讓盒子自由的在某個盒子內移動位置或者固定螢幕中某個位置,並且可以壓住其他盒子。定位 將盒...

前端之css之單位

1.百分比 預設元素高度設定為100 以自身高度為準,如果父元素設定寬度,子元素寬度為父元素寬度。2.rem rem相對於html元素的font size屬性的大小而變化,需要由js 動態控制。3.vh,vw vw 可視區域的寬度,總寬度為100vw vh 可是區域的高度,總高度為100vh4.ca...

前端技術之Iframe

1.ifarme載入頁面後的高度問題 主入口iframe載入本地頁面比如main.html的是可以撐開的,如果載入第三方是不能撐開的,除非給主頁面裡的iframe加上固定高度,或者通過js計算移動裝置的高度,給到主頁面裡的iframe上邊,如下 var hg window.screen.height...