36\vertiacl-align的實際應用：
(1)\讓小圖示和文字居中對齊 vertiacl-align負值 img
(2)\不定尺寸或多行文字的垂直居中
。主題元素inline-block
。0寬度100%高度輔助元素(在哪後邊插入乙個空標籤)；
。vertical-align:middle;
37、.contact *:focus //去掉瀏覽器預設的邊，外邊框線
38、visibility:hidden;使元素影藏，visible 出現，所有瀏覽器支援
39 input中 disabled="" 有這個屬性使其禁用狀態
40】 使元素實現水平垂直居中：
.header-btn
.header-btn a
firefox：display: -moz-box;
-moz-box-pack:center;實現水平居中
-moz-box-align:center;實現垂直居中
safari/opera/chrome ：
display: -webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
w3c：display: box;
box-pack:center;
align:center;
41、text-size-adjust:none; 讓螢幕旋轉時文字大小不改變
42、*,*:after,*:before /* 設定任何元素，以及任何元素最後面插入的讓內容，最前面插入的內容，
這些內容都不要影響這些內容上設定的padding填充，border邊框都不要影響盒子的大小 */
43、*:after,*:before/* 設定填充內容為快元素，空 */
*:after/* 清除浮動 */
44、乙個元素定義了position: absolute; 該元素自動轉化成塊元素
45\3、目前主流的動畫實現方式
jquery animate (setinterval)：易用，低效，相容好
css transition：硬體加速相容，高效
requestanimationframe:易用，充分發揮瀏覽器效能
46、textarea在chrome中會有resize功能，加：textarea;
47、window.top.document.compatmode可顯示瀏覽器為什麼模式
48、移動端開發中讓內容超出是出現滾動條
div
49 border-collapse: collapse;將border設定成摺疊
50 去除輪播圖中下間距：
設定display:block 或者vertical-aligin:middle
外層a標籤設定 font-size:0;
51、 盒子居中：
52、公用一張精靈，公用樣式,在移動端只需縮放一倍（原圖400px*400px）：
[class^="icon_"]
CSS介紹 筆記 css基礎知識
css介紹 筆記 網頁背景描述 外部樣式表檔案 另外建乙個新的.css檔案 h1 color pink background color aqua font size 20px css使用方式 css h1 匹配頁面中所有的h1標籤 統一新增樣式 h1 color green background ...
CSS基礎知識筆記 一
css 樣式由選擇符和宣告組成，而宣告又由屬性和值組成 選擇符 又稱選擇器，指明網頁中要應用樣式規則的元素，如本例中是網頁中所有的段 p 的文字將變成藍色，而其他的元素 如ol 不會受到影響。宣告 在英文大括號 中的的就是宣告，屬性和值之間用英文冒號 分隔。當有多條宣告時，中間可以英文分號 分隔，如...
css知識筆記（五） css樣式設定小技巧
如果被設定元素為文字 等行內元素時，水平居中是通過給父元素設定text align center來實現的。如下 html 我是文字，哈哈，我想要在父容器中水平居中顯示。css 當被設定元素為塊狀元素時用 text align center 就不起作用了，這時也分兩種情況 定寬塊狀元素和不定寬塊狀元素...