各種常用的css樣式（收集整理）

a //a標籤去掉下劃線 a //滑鼠手型樣式 li //列表樣式:無。li標籤去掉點 em //去掉em標籤斜體樣式，初始化** 用a標籤實現跳轉到本頁面或者目標頁面的頂部、底部或者某一位置： 1、定義目標位置，賦予id。 2、給a標籤新增href為#id。文字兩端對齊

text-align: justify;

偽元素選擇器用法

// :first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器 p:first-child // :last-child 選擇器匹配屬於其父元素的最後乙個子元素的每個元素 p:last-child // 規定屬於其父元素的第二個子元素的每個 p 的背景色 p:nth-child(2) p:nth-child(odd) p:nth-child(even) //我們指定了下標是 3 的倍數的所有 p 元素的背景色 p:nth-child(3n+0) // :nth-last-child(n) 選擇器匹配屬於其元素的第 n 個子元素的每個元素，不論元素的型別，從最後乙個子元素開始計數 p:nth-last-child(2) p:nth-last-child(odd) // 奇數行 p:nth-last-child(even) // 偶數行 p:nth-last-child(3n+0) // 倍數行 // :empty選擇器表示的就是空。用來選擇沒有任何內容的元素，這裡沒有內容指的是一點內容都沒有，哪怕是乙個空格。 p:empty // :not選擇器稱為否定選擇器，可以選擇除某個元素之外的所有元素。

input:not([type="submit"])

css圓角樣式，相容

-moz-border-radius: 15px; /* firefox */ -webkit-border-radius: 15px; /* safari 和 chrome */ border-radius: 15px; /* opera 10.5+, 以及使用了ie-css3的ie瀏覽器 */ //支援上、右、下、左

border-radius:5px 15px 20px 25px;

邊框陰影

box-shadow: 0 0 30px #ccc;

設定漸變顏色背景，線性/放射性/迴圈

/*1，線性漸變使用linear-gradient（）函式可以建立漸變*/ #div1 #div2 #div3 #div4 /*2，放射性漸變使用radial-gradient()函式建立放射性漸變*/ #div1 #div2 #div3 /*3，迴圈漸變 linear-gradient() 和 radial-gradient() 只能將設定的顏色漸變一次*/ #div1 #div2 /*網頁背景對半色css3*/ #div1

文字旋轉 css（其中filter中rotation=1，這個1可以是0、1、2、3四個值分別是四個方向）

transform:rotate(90deg);
-ms-transform:rotate(90deg); /* internet explorer 9*/
-moz-transform:rotate(90deg); /* firefox */
-webkit-transform:rotate(90deg); /* safari 和 chrome */
-o-transform:rotate(90deg); /* opera */
filter: progid:dximagetransform.microsoft.basicimage(rotation=1);

水平、垂直翻轉 css

/* 方法一 */ .rotate .rotate /* 方法二各個瀏覽器對映象翻轉的相容寫法來實現 */ .scale

.scale

滑鼠經過延時過渡效果

a:hover

div

開啟新視窗標籤

target="_blank" // 瀏覽器會另開乙個新視窗顯示document.html文件

//在head標籤內新增。所有a標籤跳轉到新頁面

img div居中用法

透明度

filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;

css3 字型自動換行第二行縮排一格

文字強制轉行css（特別是英文下）

純css實現垂直居中

.box1

.box2

全屏半透明遮罩層

#opacity

各種常用的css樣式（收集整理）

css收集整理

各種插入函式收集整理

Git常用操作命令收集整理

各種常用的css樣式（收集整理）

css收集整理

各種插入函式收集整理

Git常用操作命令收集 整理

相關推薦

Git常用操作命令收集整理