前端筆記 day1 5 css樣式

2021-10-01 12:10:14 字數 1917 閱讀 1163

樣式浮動

頁面布局

類名可以重名

表示方法.類名

class

="類名"

>

div>

class

="div1"

>

div>

class

="div2"

>

div>

id具有唯一性

表示方法#id名

"div1"

>

div>

color:字型顏色

#(0-9 a-f6位組合)

.h1

.h1

.h1

.h1

.h1

>

astyle

>

href

="位址"

>

a>

.h1

.h1

.h1

只適用於僅有一行文字

.h1

.h1

div

span

p

是會脫離文件流的 不佔位

>

*ul,ol

ul li

style

>

>

>

11li

>

>

22li

>

>

33li

>

ul>

>

sssssspan

>

清除浮動:

給浮動元素的父元素具體寬高

浮動元素的同級標籤或該標籤設定clear:both;

想讓他在哪他就在** 不佔位

>

#warp

.top

.center

.bottom

body

.box

style

>

"warp"

>

class

="top"

>

上div

>

class

="center"

>

中div

>

class

="bottom"

>

下div

>

class

="box"

>

go backdiv

>

div>

上述**實現之後發現外邊warp的背景顏色不見了 是因為裡邊三個小盒子都絕對定位了(定位不佔位) 所以外邊大div的寬高都變為0了 所以看不到背景顏色了

::before或::after在元素前或後加元素

.top::before

#warp div

#warp>div

width+padding+margin+border

前端基礎 CSS樣式

css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...

web前端 CSS樣式

一 樣式 a css cascading style sheet 層疊樣式表 b 樣式的引入方式 行內樣式 內容 內部樣式 在頁面頭部 外部樣式 在頁面頭部以link標籤鏈入 c 樣式的基本語法 1.選擇器 2.基本選擇器的種類 1.標籤選擇器 標籤名稱 同名標籤自動響應 2.類選擇器 類選擇器名稱...

前端css樣式規劃

images 背景 css 樣式檔案 js 指令碼檔案 temp 臨時檔案 global.css 全域性樣式 headfoot.css 頭部與底部樣式 index.css 首頁樣式 xx channel.css 頻道首頁頁面樣式 eg book channel.css,video channel.c...