国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

個人筆記

2024-04-27 15:15:06
字體:
來源:轉載
供稿:網友
*旋轉綜合使用使用transform對元素進行旋轉、縮放、傾斜、移動的方法來對一個元素進行多重變形。用法:transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);這四種變形方法順序可以隨意,但不同的順序導致變形結果不同,原因是變形的順序是從左到右依次進行,這個用法中的執行順序為1.rotate  2.scalse  3.skew  4.translate
*陰影(瀏覽器兼容)-webkit-box-shadow: 3px 3px 5px #eb6100;左右 上下 大小 顏色-moz-box-shadow: 3px 3px 5px #eb6100;box-shadow: 10px 10px 10px #eb6100;

*em與px

html{font-size:100%} 

  em

    1.  font-size:18px=18/16=1.125em  line-height:30px=30/18=1.67em   width:320px=1/18*320=17.78em   height:50px=1/18*50=2.78em

    2.  font-size:16px=16/16=1em        line-height:30px=30/16=          width:320px=1/16*320=       height:50px=1/16*50=@media only screen and (min-width: 320px)and (max-width: 360px) {body{ font-size:0.75em;line-height:1.85em }}   remhtml {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} body {font-size: 1.4rem;/*1.4 × 10px = 14px */}   h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}

*PC端banner居中

對于class的banner我們要經過如下定義{ position:relative; left:50%; margin-left:-50%px; width:100%; }margin-left的值就是圖片大小的一半,left要定義個50%。*給head加 點擊鏈接進入新的窗口<base target="_blank" /> 

*input框默認顯示的字體顏色和輸入的顏色保持一致

*我想讓input框默認顯示的字體顏色和輸入的顏色保持一致,一直認為應該要設置input的顏色,改了很久,一定用不管,最后想到了placeholder屬性,于是乎百度了一下,果然placeholder默認的字體顏色是淺灰色的, 然后針對placeholder來設置你自己想要的顏色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #000;opacity:1;}input:-ms-input-placeholder{    color: #000;opacity:1;}input::-webkit-input-placeholder{    color: #000;opacity:1;}也可以給這個屬性加字體input::-webkit-input-placeholder { /* WebKit browsers*/   color:#999;font-size:14px;  }input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/   color:#999;font-size:14px;  }input::-moz-placeholder {  /* Mozilla Firefox 19+*/   color:#999;font-size:14px;  }input:-ms-input-placeholder { /* Internet Explorer 10+*/   color:#999;font-size:14px;}

* 列表 第幾個間距改(手機站起作用 ie的不支持)

li#ttj_x6li:nth-child(3)li.last 

*手機兼容性調節

@media only screen and (min-width: 320px)and (max-width: 430px) {.zhuanjia ul li dl a { margin-top: 0; }}

*單位換算

任意瀏覽器的默認字體高都是16px。所有未經調整的瀏覽器都符合:1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在CSS中的body選擇器中先全局聲明 Font-size=62.5%,很多初學者可能會在此定義0.625em或者直接定義12px,這是沒有效果的,一定要定義font-size=62.5%。這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em,10px=1em,也就是說只需要將原來的px數值除以10,然后換上em作為單位就行了。所以50px等于5em。#LRfloater0{ top:40px !important}距離頂部40像素
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 称多县| 新和县| 黔江区| 镇雄县| 突泉县| 介休市| 星座| 温宿县| 方城县| 保德县| 宜良县| 金坛市| 同仁县| 洪泽县| 同仁县| 德阳市| 周口市| 崇明县| 普定县| 弋阳县| 衢州市| 景东| 楚雄市| 安溪县| 伊吾县| 华容县| 东乌珠穆沁旗| 鄂伦春自治旗| 辰溪县| 准格尔旗| 米易县| 根河市| 河池市| 枣阳市| 西充县| 贡嘎县| 微山县| 丹阳市| 山东省| 山丹县| 苏州市|