樣式浮動
頁面布局
類名可以重名
表示方法.類名
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...