? 框架

<iframe></ iframe> 可以嵌在普通頁面里面

?屬性

?Src? 框架里面要顯示的頁面地址

Width 框架的寬度

Heigh? 框架的高度

Frameborder 框架的邊框

Scrolling? 有沒有滾動條

?

<Frameset></<frameses> ?框架集 如果使用框架集當年頁面不能有不body 必須刪除body

屬性

Cols =“300，*”? 這個是左右拆分，左邊寬300右邊寬剩余

Rows=“300，*” 這個是上下拆分 上面寬300? 下面寬剩余

Frame 1 src 框架要顯示的地址

?????? Scrolling?? 滾動條

?

作滾動效果 ?marquee

屬性

Direction 滾動方向

?

Mark? 做標記的標簽

屬性

?

Hr? 分割線? 單標簽

?

頁面嵌入視頻

?找到視頻

視頻左下方點擊分享

復(fù)制html代碼? 復(fù)制flsh代碼 復(fù)制通用代碼

將復(fù)制的代碼粘貼在頁面里面

?

?

樣式表

?

作用 美化頁面

? 內(nèi)聯(lián)? 寫在標簽里面 style=“樣式”? 對標簽的控制精確 ，代碼重用性差

?內(nèi)嵌?? 寫在文頁面里面嵌在head里面 <style type=”text/css” >/*樣式*/</style>

??????? 代碼重用性強，對標簽控制不是很精確

外部 單獨的樣式文件

引入方式 ：右鍵-css樣式表-附加樣式表? 控制沒有內(nèi)聯(lián)精準，代碼重用性最好

?

?

?

?

基礎(chǔ)選擇器 ?樣式表用來選取元素的

1.標簽選擇器 ?比如 div{}

2.Class選擇器?? 在樣式里面把class換成a比如? class=“a” 就是.a{}

3.Id選擇器?? 給元素設(shè)置唯一id ，通過這個id來控制 id用#換 ， 比如id=“的“就是#d每個元素只有一個id 優(yōu)先級最高

復(fù)合選擇器

div,span{}? 并列關(guān)系 逗號

#listli? li?? 后代關(guān)系 找下面的關(guān)系，子元素? 空格

Div.s?????? 點篩選? ??

?樣式?? 每個樣式后面帶分號

1 大小?? Width? 寬度? 帶單位px像素?? whdth后面冒號

?????????? Height? 高度

2? 背景

Style=?

background-color? ????背景色

???????? Backgroung-image ???背景圖片

?????????????????? -repeat? ??圖片的平鋪方式? repeat 平鋪

?????????????????? -position? ?背景圖的位置?? center? 中間

??? ???????????????????????????????????????空格加像素 空格做右下 左上

?????????????????? -attachment? 是不是隨頁面滾動而變化? fised 固定的 不隨滾輪動

???????????????????????????????????????????????????? Scroll? 隨著動

?????????????????? -size? 背景圖片的大小? 寫兩個像素? 前面是寬? 后面是高

??????????????????

3 字體

Style=

????????? Font-family? 字體樣式

????????????? -size???? 字體大小? 單位像素? 網(wǎng)頁里小字體12像素 正文正常閱讀的是14px 還有16 px

??????????????? -style??? ?i是傾斜

??????????????? -weight?? 加粗? 可以選擇值 一般選擇b

??????????? Text-decoratio?? underline 下劃線?

?????????????????????????? Overline? 上劃線

?????????????????????????? None?? 去超鏈接的下劃線

??????????? Line-zhrongh??? 刪除線

??????????? Color?????????? 直接選顏色

4? 對齊方式

水平對齊方式

Text-align????? center? 字體水平居中

垂直對齊方式

Vertical –align?? middle? 字體垂直居中 需要將默認行高字體行高設(shè)置的和div的一樣高? 需要配合行高使用

Line-height?????? ????行高

Text-indent????? 首行縮進多少像素

5邊界 邊框

????????? Margin 外邊距? 順時針 上右下左的順序 空格設(shè)置像素px? 看原來出線的位置，只與最近兩方向有關(guān) 一般是上和左

?

????????? Padding 內(nèi)邊距??? 也是上右下左? 會相應(yīng)的變大? 所以

使用padding時候應(yīng)減去加上的像素、只作用于本身

????????? Boder 邊框? ?簡寫方式boder：1px? solid?? 顏色??? 可以選上下左右（邊框粗細，邊框樣式，顏色）

???????? ?

?

轉(zhuǎn)載于:https://www.cnblogs.com/sq45711478/p/5856907.html

總結(jié)

以上是生活随笔為你收集整理的第四天 样式，框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。