- div的浮動、定位、和框架模型概念介紹
-
2017-04-17 18:14:41
綿陽網(wǎng)站建設(shè),綿陽手機網(wǎng)站制作,綿陽APP開發(fā),綿陽微信開發(fā),綿陽微網(wǎng)站制作,綿陽微信營銷,綿陽網(wǎng)站優(yōu)化,綿陽seo,綿陽百度排名優(yōu)化 ,綿陽網(wǎng)站優(yōu)化,綿陽做網(wǎng)站,綿陽網(wǎng)站設(shè)計,綿陽網(wǎng)站建設(shè)工作室,綿陽網(wǎng)站制作,綿陽網(wǎng)站改版,綿陽網(wǎng)站制作公司
可視化模型:浮動、定位和框架模型是CSS的3個最重要的概念，這些概念控制在頁面上安排和顯示元素的方式.形成CSS的基本布局。
視覺可視化模型:p、h1、div等元素常常被稱為塊級元素。這就意味著這些元素顯示為一塊內(nèi)容。即“塊框”。與之相反。strong和span等元素稱為行內(nèi)元素，因為它們的內(nèi)容顯示在行中。即“行內(nèi)框”。
可以使用display屬性改變生成的框的類型.通過將display屬性設(shè)t為block，可以讓行內(nèi)元素表現(xiàn)像塊級元素一樣。還可以將display屬性設(shè)none.讓生成的元素根本沒有框。這樣這個框及其所有內(nèi)容就不顯示了，不占用文檔中的空間。
CSS中有3種基本的定位
機制，分別是普通流、浮動和絕對定位。除非專門指定，否則所有框都在普通流中定位。
塊級框從上到下.一個接一個地排列，框之間的垂宜距離由框的垂直空白邊計算出來行內(nèi)框在一行中的水平位置，可以使用水平填充、邊框和空白邊設(shè)置，它們之間的水平間距。但是垂直填充、邊框和空白邊不影響行內(nèi)框的高度。
由于一行形成的水平框稱為行框，行框的高度足以容納它包含的所有行內(nèi)框，設(shè)置行高可以增加這個框的高度。
框可以按照XHTM的嵌套方式包含其他的框。大多數(shù)框由顯示定義的元案形成。但是在一些情況下，即使沒有進行顯示定義，也會創(chuàng)建塊級元素。這種情況發(fā)生在將一些文本添加到一些塊級元素(比如DIV)的開頭時，即使沒有把這些文本定義為段落，它也會被認為是段落:
在這種情況下，這個框為無名塊框，因為它不與專門定義的元素相關(guān)聯(lián)。塊級元素內(nèi)的文本行也會發(fā)生類似的情況。假設(shè)有一個包含3行文本的段落，每行文本形成一個無名行框.則無法直核對無名框或行框應(yīng)用樣式，因為沒有可以應(yīng)用樣式的地方。但是。這有助于理解在屏幕上看到的所有東西都形成某種框。
浮動定位:還有一種定位模型為浮動模型。浮動的框可以左右移動，直到它外邊緣碰到包含框或另一個浮動框的邊緣。因為浮動根不在文檔的普通流中，所以文檔流中的塊框表現(xiàn)得就像浮動框不存在一樣。
float可選參數(shù)有以下幾個。
inherit:繼承父級元素的浮動屬性。
Lift:元素會移至父元素中的左側(cè)。
none：默認值。
right:元素會移至父元素中的右側(cè)。
position定位:position定位與float一樣.也是CSS排版中非常里要的概念。Position的字面意思是指定塊的位置，即塊相對子其父塊的位置和相對于它自身應(yīng)該在的位置。
position屬性值有以下幾種。
absolute:絕對，將對象從文檔流中拖出.通過width、height、left right、toP、bottom等屬性與margin,padding、border進行絕對定位，絕對定位的元素可以有邊界，但這些邊界不壓縮。而其層疊通過z-index屬性定義。
fixed:懸浮，使元素固定在屏幕的某個位置，其包含塊是可視區(qū)域本身.因此它不隨滾動條的滾動而滾動。 inhert:繼承上級元素position值。
relative:相對，對象不可層疊但將依據(jù)left, right、top, bottom等屬性在正常文檔流中偏移位置。
static:靜態(tài)(默認)，無特殊定位。
欧美日韩在线播放一区二区不卡-国产又粗又长又爽又黄视频-日韩美女在线131mm视频-中文字幕精品丝袜亚洲
|
国产成人久久一区二区不卡-麻豆成人精品91九色-亚洲人成在线电影观看-91人妻精品一区二区三区在线
|
久久人人97超碰 少妇-色婷婷综合在线俺也去-国产精品国产三级国产aⅴ50-久久久久久久久久99蜜桃
天天干 天天曰天天操-日韩视频播放免费-久久热精品在线视频播放-91久久国产综合久久91精品视频
美女一区视频在线观看-2017av中文字幕-色婷婷色综合国产激情-激情婷婷久久久久
|
人人妻人人澡人人爽欧美一区双-久久综合久久97综合-中国男人和东欧女人把逼操-久久人人超碰精品蜜臀
|
久久久久久成人av-人妻一区精品区二-久久久亚洲一区tv视频-美女国产精品久久久久久
|
精品视频精品人妻一区二区三区-激情久久综合精品久久-精品一区二区三区免费观看视频-久久99精品国产麻豆婷婷观看体验
|
超碰在久久97-中文字幕 日韩三级-国产精品色哟哟在线免费观看-日韩欧美一区二区三区四区在线观看
|
色婷婷激情五月综合-日韩欧美情色片-日韩av在线观看不卡-蜜桃系列一区二区三区
|
欧美日韩男女视频在线观看-日韩黄色一级免费电影-国产麻豆精品在线-激情综合激情五月综合
|
天天操天天干天天日天天操-人妻少妇久久久一区二区三区-日韩男女三级视频-国产又粗又猛又爽又黄的黄牛视频
|
国产乱码有码一区二区三区-久久国产亚洲精品av麻豆-99热精品国产在线-中文字幕乱交免费视频
|
人妻av中文字字幕第一-欧美日韩在线黄色-亚洲精品小视频在线-欧美日韩一区二区三区五区
|
91av在线资源观看-国产美女黄视频网站-国产欧美日韩在线播放第47页-日韩一区日韩二区日韩三区国产一区
|
亚州中文字幕成人在线-久久久999www-av中文 中文字幕-欧美日韩一级特黄特黄
|
久热在线中文免费视频-少妇啪啪av一区二区三区-高清一区二区三区四区免费视频-人妻少妇精品中文字幕专区视频
|
日韩a级做爰片蜜桃成熟时-中文字幕人妻免费在线-91麻豆精品91久久久久久清纯-经典国产91精品福利网站在线看
|
国产成免费自拍视频-一区二区三区高清视频在线观看-超碰在线免费观看视频97-久久久久久久免费人妻
|
日本人妻精品久久久-天天干bb夜夜操bb-成人精品一区二区三区校园激情-91精品国产综合久久久久白拍
|
欧美精品在线久久久-激情人妻 中文字幕-成人久久久久久久一区二区精品蜜桃精品-久久韩国女主播一区
|
成人伊人久久综合网-国产对白videos麻豆高潮-精品久久久bbbb人妻-国产亚洲精品成人男人久久久国
99久久国产精品免费热6-乱码精品一区二区三区-内射中出日韩制服嫩模一区-99久久精品色
|
欧美伊人精品成人久久综合97-精品久久久久久久久一区二区-中文字幕综合日韩人妻-天堂性视频99在线播放免费
|
国产 日韩 欧美片-中文字幕日韩av在线-一本色道88久久加勒比-伦中文字幕自拍偷拍热久av
|
国产999精品久久久久久-国产 日韩 欧美高清-97超碰成人在线免费-亚洲欧美日韩另类一区
|
亚洲av日韩精品久久-日韩精品亚洲精品国产精品-日本熟妇人妻在线-久久亚洲一区二区三区
|
精品少妇人妻免费久久-日韩av好色电影院-亚洲欧美另类久久久-国产精品成人在线观看视频
|
激情五月婷婷色综合-国产又黄又粗又爽又猛的视频-亚洲国产制服丝袜性色av在线-久久99婷婷国产蜜臀
|
国产人妻熟女一区二区三区-日韩精品色哟哟-91长腿极品美女宿舍美女-日韩国产人妻一区二区
|
亚洲乱熟乱熟女乱一区二区-久久精品久久久久蜜桃-激情欧美日韩一区二区蜜桃-一区二区中文字幕蜜桃
|
精品人妻在线一区二区三区-又长又粗又硬又猛又高潮不断-国产久久中文字幕-久久精品中国熟妇
|
精品人妻av中文字幕乱-色婷婷一区在线视频-午夜精品久久久久久久99热蜜臀-人人插人人妻人人爱
|
久久久久久亚洲熟女-91国产高清久久久久久-亚洲伊人久久大香线蕉av-精品久久久久久18禁
|
久久艹精彩视频-国产一区,二区视频-91激情啪啪网站-日韩国产成人在线
|
中文字幕乱码一区久久-中文字幕在线观看一区-欧美日韩人妻制服有码-97久久久久久人妻精品蜜桃少妇
|
国产精品久久久久aaaa竹菊-91精品国产免费久久国语打电话-激情综合网,激情五月天-熟妇高潮一区二区三区
|
精品少妇人妻aav-日韩美女一级黄色-国产一区二区三区手机在线观看-亚洲精品国产乱码久久久久久
|
色婷婷亚洲婷婷中文字幕网-国产又粗又爽免费视频-日韩视频,你懂的-99免费观看成年人视频
|
久热在线中文免费视频-少妇啪啪av一区二区三区-高清一区二区三区四区免费视频-人妻少妇精品中文字幕专区视频
|
www国产精品久久久久久-国产乱子伦一区二区三在线-日韩精品欧美高清-嫩草伊人久久精品少妇蜜桃av
|
久久艹精彩视频-国产一区,二区视频-91激情啪啪网站-日韩国产成人在线
|
国产成人一区二区三区-首页av日韩中文在线-日韩av在线黄色网-91精品一区二区二区三
|
av中文字幕在线观看在线-久久久久精品国产乱码78m-国产麻豆剧传媒精品国产av吴梦-69中文字幕一区二区三区
|
