1樓:麥兜
display:box;box-flex是css3新新增的盒子模型屬性,它的出現可以解決我們通過n多結構、css實現的佈局方式。經典的一個佈局應用就是佈局的垂直等高、水平均分、按比例劃分。
目前box-flex屬性還沒有得到firefox、opera、chrome瀏覽器的完全支援,但可以使用它們的私有屬性定義firefox(-moz-)、opera(-o-)、chrome/safari(-webkit-)。
css中display:-moz-box;是什麼意思
2樓:光娟娟
display:box;box-flex是css3新新增的盒子模型屬性,它的出現可以解決我們通過n多結構、css實現的佈局方式。經典的一個佈局應用就是佈局的垂直等高、水平均分、按比例劃分。
目前box-flex屬性還沒有得到firefox、opera、chrome瀏覽器的完全支援,但可以使用它們的私有屬性定義firefox(-moz-)、opera(-o-)、chrome/safari(-webkit-)。
-moz-是火狐瀏覽器的字首
3樓:天蠍熒光
個人覺得這種寫法應該是老掉牙了,-moz-是火狐瀏覽器的字首,應該是幾年前的火狐不支援display:box屬性,所以才會加字首,但是現在都支援了,可以去掉這個字首,直接寫:
display:box;
4樓:匿名使用者
moz-box是定義火狐瀏覽器的
5樓:匿名使用者
盒模式,控制父容器裡面子元素的排列方式、排列順序、垂直(水平)對齊方式
css3中-moz、-ms、-webkit各什麼意思
6樓:匿名使用者
-moz代表firefox瀏覽器私有屬性;
-ms代表ie瀏覽器私有屬性;
-webkit代表chrome、safari私有屬性;
-o代表opera私有屬性。
擴充套件資料: 常見的中私有屬性拿chrome瀏覽器舉例
::如果前面為空**全域性,如果前面有某個元素的css選擇器代表改元素的對於內容
1、輸入框
::-webkit-input-placeholder {}//阻止input出現黃色背景
input:-webkit-autofill清除input[type=」number」]側邊的箭頭2、禁用選擇文字*
7樓:批發豌豆顛顛
這些都是瀏覽器字首,主要是為了相容瀏覽器,其中-moz 指火狐,-ms 指 ie,-webkit 指谷歌, -o 指 opera
8樓:
代表是各瀏覽器核心的相容寫法。-moz代表火狐的核心,-ms代表ie核心,-webkit代表webkit核心,常見是的是谷歌和蘋果瀏覽器
9樓:329小小刀客
比如border-radius這個控制圓角的東東要想在谷歌的瀏覽器裡面顯示出來就得在前面加上-webkit呢!
10樓:鍋戔湗鎮
解釋://-ms代表【ie】核心識別碼
//-o代表歐朋【opera】核心識別碼
為什麼再css3中新增了-moz-火狐的私有屬性,但是火狐瀏覽器不顯示把-moz-去掉火狐就正常顯示了?還有想要
11樓:匿名使用者
跟css編碼沒關係,跟火狐的版本有關係。
比如早一些版本的ff瀏覽器,需要加私有字首。而新出某個版本的ff時,有可能火狐的人覺得某些屬性已經是css3裡面上釘子上板的,即w3c不會再怎麼修改這個css屬性,以後一直這麼用下去了(雖然還沒成為w3c的標準,但已經成為事實上的標準),此時火狐的人就有可能在新版本瀏覽器裡面把私有字首去掉。
12樓:我是來做外鏈
-moz-border-radius: **x; /* gecko browsers */ -webkit-border-radius: **x; /* webkit browsers */ border-radius:
**x; 這是才是正確寫法
css3 為什麼要加 -moz-box-shadow -webkit-box-shadow -o-box-shadow,直接用box-shadow不是都能識別嗎?
13樓:匿名使用者
-moz-, -webkit-, -o-這些都是瀏覽來器源字首bai。
常用字首和瀏覽器的對應關係如du
下:firefox: -moz-
chrome, safari: -webkit-opera: -o-
ie: -ms-
css標準中各個屬性也要zhi經歷從草案(wd)到推薦(rec)的過dao程,css3中的屬性進展都不一樣。瀏覽器廠商在標準尚未明確情況下提前支援會有風險,同時也會出現有的瀏覽器廠商支援的好,有的支援的不好,所以就用廠商字首加以區分。
ppk建議如果已成為rec或接近rec的屬性,廠商如果完全實現了w3c的test case,就不用加廠商字首,像border-radius在ie9下就不用加字首。
14樓:匿名使用者
直接用box-shadow以前bai是不能識別的,因為css3以前沒du有zhi定下這個css語句的標準,這些都屬dao於是擴充套件支援內,所以前面要加上每個
容核心的標記,現在還有很多css3規則是要加上核心標示的,比如animation。
15樓:匿名使用者
常用字首有
-webkit /*chrome/safari*/-moz /*firefox*/
-ms /*ie*/
-o /*opera*/
16樓:匿名使用者
-moz是ff3的特有屬性!
css3只支援webkit核心的瀏覽器!
ie基本都不支援!
17樓:匿名使用者
這就是來每個瀏覽器對css3的支援源
程度了,有些瀏bai覽器在沒支援標準的css3之前都會有自du己的zhi方法,dao就是加字首,如ff:-moz,chrome/safari:-webkit,opera:
-o等等,隨著瀏覽器的升級,相信以後在不加字首的情況下box-shadow第個瀏覽器都能識別
18樓:口在天上飛
這個是針對firefox瀏覽器用的,這個就是css的相容性問題了,你可以去w3c潮流前端網看看相關的資料
css3中-moz、-ms、-webkit各什麼意思?
19樓:嬌美妞勇闖天涯
1、-moz代表firefox瀏覽器私有屬性2、-ms代表ie瀏覽器私有屬性
3、-webkit代表safari、chrome私有屬性這些是為了相容老版本的寫法,比較新版本的瀏覽器都支援直接寫:border-radius。
現在比較流行的一個概念就是:不太關鍵的樣式,可以不考慮相容,比如你說的圓角,並不影響內容的顯示,如果客戶瀏覽器太舊,就讓他看到舊的方形效果就是,一定要看到新效果,只能建議客戶升級瀏覽器。
css3 display:flex和display:box有什麼區別
20樓:匿名使用者
display: box; 是盒子模型剛出來的時候的語法display: flex; 是2023年後最新的盒子模型語法標準。
也就是說,如果要相容2023年之前的瀏覽器版本需要使用box, 反之使用flex即可。
box語法2023年以後已經被拋棄。
21樓:育知同創教育
區別如下:
display:flex主要讓子容器針對父容器的寬度按一定規則進行劃分
display:box主要是控制父容器裡面子元素的排列方式、排列順序、垂直(水平)對齊方式
css3 display:flex和display:box有什麼區別
22樓:匿名使用者
前者是flex 2023年的語法,也將是以後標準的語法,大部分瀏覽器已經實現了無字首版本。
後者是2023年的語法,已經過時,是需要加上對應字首的。
所以相容性的**,大致如下
display: -webkit-box; /* chrome 4+, safari 3.1, ios safari 3.2+ */
display: -moz-box; /* firefox 17- */
display: -webkit-flex; /* chrome 21+, safari 6.1+, ios safari 7+, opera 15/16 */
display: -moz-flex; /* firefox 18+ */
display: -ms-flexbox; /* ie 10 */
display: flex; /* chrome 29+, firefox 22+, ie 11+, opera 12.1/17/18, android 4.4+ */
如何重新執行css3的動畫,css3 實現動畫效果,怎樣使他無限迴圈動下去?
將包含css3動畫的class去掉,再重新加回來 css動畫會再次執行 如何讓css3動畫在執行完一遍後再次重新執行 可以直接用css3寫,或者用js定時器控制,看你具體要實現什麼動畫。animation iteration count infinite css3 實現動畫效果,怎樣使他無限迴圈動下...
css3過渡和css3動畫製作的動畫有什麼區別
css中動畫功能分為復transition和animation兩種制,這個兩種方法都可以bai通過改變ducss中的屬性值來產生動畫效果 zhitransition 只能實現兩個簡dao單值之間的過渡 animation 通過引用keyframes關鍵幀來實現複雜動畫。by三人行慕課 過渡的特點 過...
css3選擇器怎樣選擇元素
如下 li nth child 3n css即層疊樣式表 cascading stylesheet 在網頁製作時採用層疊樣式表技術,可以有效地對頁面的佈局 字型 顏色 背景和其它效果實現更加精確的控制。css3是css技術的升級版本,css3語言開發是朝著模組化發展的。以前的規範作為一個模組實在是太...