寫css以前先清除頁面樣式、@media screen、@font-face、修改input框內提示文字默認顏色、css寫實體三角形

//開始寫css以前先清除頁面樣式

*{margin: 0px;padding: 0px;}

//@media screen判斷屏幕寬高適應不一樣分辨率

@media screen and (max-height:900px){
　　xxx{top:70.6%;}
}

//@font-face引入文字

{
　　font-family: STCAIYUN;
　　src: url(../css/font/STCAIYUN.TTF);
}

//修改input框內提示文字默認顏色（placeholder字體顏色）

<input type="text" placeholder="我愛北京" value=" ">

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #f00;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #f00;
}

//css寫實體三角形（下面例子箭頭方向爲向左）

<div class="arrow">
　　<em></em><span></span>
</div>

.-arrow{ position:absolute; width:40px; height:40px; bottom:14px; left:-41px; transform:rotate(87deg);　　-ms-transform:rotate(87deg); /* IE 9 */　　-moz-transform:rotate(87deg); /* Firefox */　　-webkit-transform:rotate(87deg); /* Safari 和 Chrome */　　-o-transform:rotate(87deg); /* Opera */}.arrow *{ display:block; border-width:14px; position:absolute; border-style:solid dashed dashed dashed; font-size:0; line-height:0; }.arrow em{border-color:#bfb702 transparent transparent;}.arrow span{border-color:#fffc00 transparent transparent; top:-3px;}