標籤：translate 網站名 內容 ellipsis enabled anim pointer user 標題
opacity：0.2；映像的透明度設定文本域無法展開textarea{resize:none;}display:none;隱藏當前元素不保留位置 visibility：hidden 隱藏當前元素 但是保留位置filter：alpha（opacity=20） margin:0 auto;按鈕置中vertical-align:middle; /* 置中對齊，實現圖片置中 */ margin-left: auto;margin-right: auto;實現div置中 優先順序為： !important > id > class >tag !important比內聯優先順序高，但內聯比ID要高CSS3新增偽類舉例 p:first-of-type 選擇屬於其父元素的首個<p>元素的每個<p>元素 p:last-of-type 選擇屬於其父元素的最後<p>元素的每個<p>元素 p:only-of-type 選擇屬於其父元素的唯一的<p>元素的每個<p>元素 p:only-child選擇屬於父元素唯一子項目的每個<p>元素 p:nth-child(2)選擇屬於其父元素的第二個元素的每個<p> :enabled :disabled控製表單控制項的禁用狀態 :checked 單選框或複選框被選中transform：rotate（8deg）旋轉 scale（0.8,0.8）縮放 translate（0px,-29px）定位 skew(-9deg,0deg)傾斜;position:fixed;background:rgba(0,0,0,0.8);z-index:1000; text-shadow:10px 10px 4px red投影x軸位移量 y軸位移量 陰影模糊半徑 陰影顏色 給文本添加陰影製作效果text-shadow:1px 1px 0 red;文本陰影實現文字立體感box-shadow:給元素快添加周邊陰影製作效果 display: inline-block;塊狀一行顯示 .font-03 ul>li:nth-child(2){}word-wrap:break-word; 字型自動換行 target-densitydpi=device-dpi 可強制顯示真實解析度大小<meta name="viewport" content="width=device-width,initial- scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target- densitydpi=device-dpi"> （ 加上這句 target-densitydpi=device-dpi 可強制顯示真實分辨 率大小） pixel是相對單位 point是絕對單位odd是基數 even是偶數 例子：p:nth-of-type(odd){color:red} background：-moz-linear-gradient(top,#000000,red)漸層效果徑向改變：-moz-radial-gradient(red,green,blue);顏色由裡向外 重複放射狀漸層-moz-repeaating-radial-gradient(red,yellow10%,blue) border-radius:百分比 設定圓角邊框（也可接受兩個參數 0px 120px）abbr標籤指示間歇或者縮寫 <abbr title="jjjjj">text</abbr>acronym標記一個首字母縮寫<acronym title="World wide wed ">www</acronym>Example.com的聯絡資訊<address></address> spellcheck=true|flase檢測常值內容拼字是否正確 <article>標籤規定獨立的自包含內容<article><aside>標籤定義其所處內容之外idea內容</aside><audio src="some.wav">您的瀏覽器不支援audio標籤</audio>定義聲音比如音樂 <head> <base target="_blank"></head> transition:width 2s;2秒內填充background-image:url(‘1.jpg‘)backgrond-size:80px 60px;調整圖片的大小background-size:100% 100%;完全填充background-image:url(img.gif)，url(image.gif);多個背景圖片background：linear-gradient（top,color1,color2.....）上下漸層background:-moz-radial-gradient(red,green,blue)由中心開始漸層background:-moz-radial-gradient(red5%，green15%，blue60%) 放射狀漸層-顏色節點不均勻分布 橢圓形background：-moz-radial-gradient(circle,red,green,blue);原形放射狀漸層background：-moz-repeating-radial-gradient()red,yellow10%,green10%);重複放射狀漸層backgound-repeat:repeat-x;只在水平方向平鋪background-repeat:no-repeat;設定定位與不平鋪background-position:right top;設定圖片定位background:#ffffff url(‘1.jpg‘) no-repeat right top;簡寫簡寫順序 color image repeat attachment position text-align:justify;文本的對齊text-decoration:none;刪除文本的裝飾 連結的底線 text-decoration:overline線在文字上text-decoration:line-through;線在文字中間橫穿text-decoration:underline;在文字下方畫線text-transform:uppercase;大寫text-transform:lowercase;小text-transform:capitalize;首字母大寫text-indent:50px;文本縮排 <sub> 下標</sub> 和 <sup> 上標</sup> 超過隱藏省略符號代替color:#666666;width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap:break-word;允許文本換行 font-style:normal;font-style:italic;斜體a:link{background-color:#ddd}a:hover{background-color:#ddd}a:visited已經訪問過的連結a:active點擊 偽類 點擊list-style-image:url(‘1.gif‘)作為列表標記圖形 border-collapse:collapse;摺疊邊框vertical-align:bottom;底部transform：rotate（30deg）;2D效果transform：translate（30px,100px；左上距離transform：scale（2，3）對元素進行縮放 transform:matrix(0.8,0.5,-0.5,0.8,0,0);接收6個參數包含旋轉，縮放，移動（平移）和傾斜功能 transform：skew（30deg,20deg）; 該元素會根據橫向x軸和垂直y軸給定參數（是繞著x軸和y軸周圍20度和30度的效果）transform：rotateX（120deg）; 圍繞其在一個給定度數x軸的元素transform：rotateY（120deg）；圍繞y軸旋轉transition-duration:5s；在指定時間內transition:width 2s, height 2s, transform 2s;時間transition-delay:2s; transition-property:width;逐漸改變寬度 transition-delay:2s;指定毫秒內轉場效果 例子div:hover{ width:200px;height:200px;transform:rotate(180deg); } { width:100px;height:100px; animation:myfirst 5s;}@keyframes myfirst{ form{background:#f0c;} to{background:#fc0;}} div{width:100px;height:100px;background:red;position:relative; animation:myfirst 5s linear 2s infinite altername; animation:myfirst(@keyframes動畫定義的名稱) 5s（完成一周期所花費的時間） linear(規定動畫運動曲線)2s（規定動畫何時開始） infinite規定動畫預設的次數 預設是1 alternate;（規定動畫下一周期是否逆向預設是normal） } 虛線 border-bottom: 1px dashed #e0e0e0;@keyframes myfrist{0% {background:red; left:0px;top0px;}25%{background:yellow; letf:200px;top:0px;}50%{background:blue;left:200px;top:200px;}100%{background:green;left:0px;top:0px;}} animation:mymove 5s infinite;@keyfraames mymove{ form {background-color:red;} to{background-color:blue;transform:rotate(180deg);width:100px;height:100px;}} 固定底部position:fixed;bottom:0px;left:0px;@media screen and (max-width:320px){
css代碼
}
上面代碼說明，如果當前螢幕大於320像素則執行下面css代碼。
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.il_content .media-body p{} <? echo iconv(‘GB2312‘,‘UTF-8‘,‘賠付寶‘);?>強制轉換字元集 SELECT * from (SELECT pi.id pi_id FROM huadao.core_t_policy ctp LEFT JOIN supeibao.policy_info pi on ctp.`POLICYNO` = pi.policyno) datas where 1 and datas.pi_id is not NULL htmlspecialchars_decode解析編輯器 網站頁面規範1，首頁<head><title>網站SEO標題</title><meta name="description" content="網站描述" /><meta name="keywords" content="網站關鍵詞" /></head>2，網站頻道
<head><title>頻道/欄目SEO標題-網站名稱</title><meta name="description" content="頻道/欄目描述" /><meta name="keywords" content="頻道/欄目關鍵詞" /></head>3，網站文章頁
<head><title>文章SEO標題-網站名稱</title><meta name="description" content="文章描述" /><meta name="keywords" content="文章關鍵詞" /></head>
常用css樣式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
