- 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ù)框由顯示定義的元案形成。但是在一些情況下，即使沒有進(jìn)行顯示定義，也會創(chuàng)建塊級元素。這種情況發(fā)生在將一些文本添加到一些塊級元素(比如DIV)的開頭時，即使沒有把這些文本定義為段落，它也會被認(rèn)為是段落:
在這種情況下，這個框為無名塊框，因為它不與專門定義的元素相關(guān)聯(lián)。塊級元素內(nèi)的文本行也會發(fā)生類似的情況。假設(shè)有一個包含3行文本的段落，每行文本形成一個無名行框.則無法直核對無名框或行框應(yīng)用樣式，因為沒有可以應(yīng)用樣式的地方。但是。這有助于理解在屏幕上看到的所有東西都形成某種框。
浮動定位:還有一種定位模型為浮動模型。浮動的框可以左右移動，直到它外邊緣碰到包含框或另一個浮動框的邊緣。因為浮動根不在文檔的普通流中，所以文檔流中的塊框表現(xiàn)得就像浮動框不存在一樣。
float可選參數(shù)有以下幾個。
inherit:繼承父級元素的浮動屬性。
Lift:元素會移至父元素中的左側(cè)。
none：默認(rèn)值。
right:元素會移至父元素中的右側(cè)。
position定位:position定位與float一樣.也是CSS排版中非常里要的概念。Position的字面意思是指定塊的位置，即塊相對子其父塊的位置和相對于它自身應(yīng)該在的位置。
position屬性值有以下幾種。
absolute:絕對，將對象從文檔流中拖出.通過width、height、left right、toP、bottom等屬性與margin,padding、border進(jìn)行絕對定位，絕對定位的元素可以有邊界，但這些邊界不壓縮。而其層疊通過z-index屬性定義。
fixed:懸浮，使元素固定在屏幕的某個位置，其包含塊是可視區(qū)域本身.因此它不隨滾動條的滾動而滾動。 inhert:繼承上級元素position值。
relative:相對，對象不可層疊但將依據(jù)left, right、top, bottom等屬性在正常文檔流中偏移位置。
static:靜態(tài)(默認(rèn))，無特殊定位。
91九色porny新人学生-丰满精品人妻一区二区-一区二区三区在视频-中文字幕 乱码 中文字幕在线
|
avtt男人天堂网-91精品国产李宗瑞-中文字幕人妻少妇网站-91中文字幕 在线观看
|
激情综合激情五月俺也去,-少妇久久久久一区-日本中文字幕资源-国产av大片一区二区三区
|
六月婷婷激情综合网-精品区二区三区四区免费观看-久久韩国三级伦理77-蜜臀av性久久久久蜜臀字幕版
|
亚洲视频一区二区视频-99久久久久国产精品-久久6这里只有精品-91超碰九色porny
|
久久99热精品xxxx-最新国产精品免费激情av-无套中出内射在线观看视频-99久久久精品视频
|
99久久精品亚洲av-婷婷婷婷婷婷久久久久久久久-蜜桃一区二区精品-日韩精品在线视频网
|
av在线亚洲最大的-国产成人精品久久亚洲-久久全国精品视频-国产人成福利一区二区三区
|
91精品9999视频-亚洲欧美最大色精品网站免费观看-欧美成人综合久久精品-久久久久人妻www
|
国产日韩欧美一区二区啪啪啪-久久精品国产亚洲av色哟哟-九九精品99久久久-久久久久成人精品免费
国产精品 熟女人妻-久久99视频只有精品-国产成人欧美一区二区三区八-国产乱子伦无套一区二区三区
|
欧美日韩在线一二三-91唐先生在线视频-久久99久久精品久久综合-日韩一区 中文字幕
|
亚洲人成电影免费播放-2020国内精品久久久久精免费-日韩一区二区三区乱码-99久久久精品久久久久久
|
日韩视频在线观看中文字幕-99全国免费在线观看视频-丰满少妇人妻久久久久久超肥的女人-丰满熟女一区二区三区91
|
91精品国产刺激国语对白长长-精品亚洲999久久久久-久久九九热在线播放-中文字幕在线日韩成人
|
人妻少妇被猛烈进入中文字幕91-成人黄色免费在线观看网站-国产av一区二区二区三区-精品一区二区三区免费网站
|
久久久人妻日韩精品-天天日天天射天天操天天爽-欧美国产日韩精品77上位-人妻 日韩精品 视频
|
亚洲国产精品热点视频-大肥婆老熟女一区二区精品-久久成人男人曰女人-久久久亚洲a∨成人麻豆
|
久久免费看少妇高潮a特黄一区二区-亚洲欧美另类熟女在线-午夜精品一区二区三区福利视频-国产91在线视频蝌蚪九色九色
|
成人午夜电影在线观看网站-亚洲成人精品蜜桃-国产av一区二区三区…-日韩一级av在线免费播放
|
麻豆一区二区三区区别-婷婷久久五月天综合-日韩成人av电影免费看-99久久久免费产精品9999
|
色呦呦国产精品视频-大香蕉大香蕉大香蕉大香蕉黄色-欧美日韩色图免费观看-99久33精品字幕
|
91成人资源在线资源站-97成人免费在线观看网站-老熟女一区二区三区在线视频-2018中文字幕在线视频
|
91久久久成人看片-日韩av熟在线-91久久国产精品视频-人妻丰满熟妇在线观看
|
91精品久久久久久久肥臀-国产成人av精品77-免费在线观看视频中文字幕-日产精品99久久久久久久久
久久九九精品视频-午夜精品一区二区三区四区五区-激情久久亚洲精品-91色视频最新地址
|
婷婷久久香蕉五月综合-久久精品中文字幕有码日本道-日韩中文有码一区视频-公侵犯人妻一区二区三区中文字幕
|
999精品视频在线播放-精品人妻午夜一区二区三区-国产欧美高清一区二区三区-日韩av一区二区三区在线免费观看
|
超碰在线免费观看亚洲-天天舔天天干天天摸-日韩美女观看女人屋视频-精品码产区一区二精品99区
|
中文字幕一区二区三区av-超碰在线免费免费观看97-91久久久久久久免费-久久中文字幕3区
|
国产av香蕉一区二区三区-欧性插免费观看视频在线播放-91极品尤物国产在线播放-日韩视频在线观看a级免费
|
熟女人妻88av88av-久久婷婷综合久久艹-大胸人妻一区二区三区夜夜骚av-色婷婷av一区二区三区性色
91精品久久久久久久久入口-亚洲av偷拍一区二区三区-欧美91精品久久久久久-久久蜜桃亚洲一区二区
|
中文字幕av资源一区-国产精品久久久久久久欧美-五月天开心激情四射网-亚洲欧美日韩综合第一页
|
婷婷激情五月天-中文字幕av中文乱码-精品久久做人人综合-91久久久久激情视频
|
丰满少妇人妻一区二区三区-国产精品久久久久久亚洲秋霞-99久999这里只有精品-久久久熟妇熟女ⅹxxx国产
|
久久久少妇av电影-日韩亚洲欧美第一页-99999久久久久-欧美日韩国产中文在线视频
|
99热,这里只有精品免费-国产精品久久久久7777婷婷-成人av在线一区二区-男人操女人逼穴网站
|
人妻中文字幕不卡-久久久精品国产亚洲av水蜜桃-熟女精品中文字幕-欧美不卡一区二区三区在线免费观看
|
精品人妻一区二区三区含羞草-精品人人人人人无碰-日本一区二区不卡高清更新-亚洲女人中文字幕在线
|
99热尹人综合国语-久久久久久久逼逼-日韩在线观看视频3-91精品国产麻豆国产自产在线夫
|
日日碰狠狠添天天爽不卡欧美-99国产成人精品免费-17精品一区二区三区视频-欧美丰满少妇一区二区三区
|
亚洲中文字幕亚洲综合色在线-超碰97在线观看国产-99这里只有精品30热在线-久久精品a视频
|
中文字幕超高级av-巨乳在线观看中文字幕-91精品人妻一区二区三区蜜-嫩草伊人久久久精品少妇av
|
