偽元素選擇器用法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;
設定漸變顏色背景,線性/放射性/迴圈
文字旋轉 css(其中filter中rotation=1,這個1可以是0、1、2、3四個值分別是四個方向)/*1,線性漸變 使用linear-gradient()函式可以建立漸變*/
#div1
#div2
#div3
#div4
/*2,放射性漸變 使用radial-gradient()函式建立放射性漸變*/
#div1
#div2
#div3
/*3,迴圈漸變 linear-gradient() 和 radial-gradient() 只能將設定的顏色漸變一次*/
#div1
#div2
/*網頁背景對半色css3*/
#div1
水平、垂直翻轉 csstransform: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);
滑鼠經過延時過渡效果/* 方法一 */
.rotate
.rotate
/* 方法二 各個瀏覽器對映象翻轉的相容寫法來實現 */
.scale
.scale
開啟新視窗標籤a:hover
div
img div居中用法target="_blank" // 瀏覽器會另開乙個新視窗顯示document.html文件
//在head標籤內新增。所有a標籤跳轉到新頁面
透明度
css3 字型自動換行第二行縮排一格filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
p
文字強制轉行css(特別是英文下)
p
純css實現垂直居中
全屏半透明遮罩層.box1
.box2
#opacity
css收集整理
整理一些自己平時用的比較多的或者巧技方便以後使用,不斷整理更新,筆記都是做給自己看的,略潦草 created by yangyurong on 2016.12.06 description 整理專案中常用的樣式 charset utf 8 reset start body,h1,h2,h3,h4,h...
各種插入函式收集整理
插入排序 void insertsort int arr,int length 無哨兵的插入排序 arr j 1 temp void insertsort int arr,int length 有哨兵的插入排序 arr j 1 arr 0 希爾排序 void shell sort int arr,i...
Git常用操作命令收集 整理
git常用操作命令收集 檢出倉庫 gitclonegit git 檢視遠端倉庫 gitremote v 新增遠端倉庫 gitremote add name url 刪除遠端倉庫 gitremote rm name 修改遠端倉庫 gitremote set url push name newurl 拉...