彈性盒:是css3新增加的一種布局形式,目的是當頁面在不同的螢幕尺寸上去顯示時,使元素擁有恰當的顯示效果
彈性盒有兩部分組成:彈性容器及彈性子元素
彈性容器設定:display:flex;
彈性子元素在主軸上的對齊方式:justify-content:flex-start\center\flex-end\space-between\space-around(如果子元素自左向右排列,主軸是x,自上而下時主軸是y)
彈性子元素的排列方式:flex-direction:
彈性子元素在側軸上的對齊方式:align-items
彈性子元素是否允許換行顯示:flex-wrap:nowrap(預設值)
彈性子元素行的設定align-content(必須與flex-wrap連用)
彈性子元素在父元素中所佔分數flex
彈性子元素佔剩餘空間的分數flex-grow
彈性子元素的寬度 flex-basis 相當於width
彈性子元素的縮放flex-shrink 預設為1允許 0 不允許
彈性子元素的排列順序order 值越小與靠前(可以設定為負值)
單獨設定彈性子元素align-self:
你了解你自己的公司嗎?
市場定位是什麼?你是否想像過你現在的客戶都是什麼樣的人?如果可能的話,先試著統計一下他們的基本情況,如 性別 年齡 婚姻狀況 工作內容和工作領域。再想像一下客戶們的價值觀,如他們的生活方式 生活態度等。你對你潛在的客戶了解的越多,就越容易和他們溝通,也越容易取得他們的信賴。無論是新客戶還是老客戶,信...
你了解你自己的公司嗎?
市場定位是什麼?你是否想像過你現在的客戶都是什麼樣的人?如果可能的話,先試著統計一下他們的基本情況,如 性別 年齡 婚姻狀況 工作內容和工作領域。再想像一下客戶們的價值觀,如他們的生活方式 生活態度等。你對你潛在的客戶了解的越多,就越容易和他們溝通,也越容易取得他們的信賴。無論是新客戶還是老客戶,信...
你對CSS權重真的足夠了解嗎?
個人部落格了解一下 obkoro1.com important 優先順序最高,但也會被權重高的important所覆蓋 行內樣式總會覆蓋外部樣式表的任何樣式 除了 important 單獨使用乙個選擇器的時候,不能跨等級使css規則生效 如果兩個權重不同的選擇器作用在同一元素上,權重值高的css規則...