麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

個人筆記

2024-04-27 15:15:06
字體:
供稿:網(wǎng)友
*旋轉(zhuǎn)綜合使用使用transform對元素進行旋轉(zhuǎn)、縮放、傾斜、移動的方法來對一個元素進行多重變形。用法:transform: rotate(45deg) scale(0.5) skew(30deg, 30deg) translate(100px, 100px);這四種變形方法順序可以隨意,但不同的順序?qū)е伦冃谓Y(jié)果不同,原因是變形的順序是從左到右依次進行,這個用法中的執(zhí)行順序為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我們要經(jīng)過如下定義{ position:relative; left:50%; margin-left:-50%px; width:100%; }margin-left的值就是圖片大小的一半,left要定義個50%。*給head加 點擊鏈接進入新的窗口<base target="_blank" /> 

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

*我想讓input框默認顯示的字體顏色和輸入的顏色保持一致,一直認為應該要設(shè)置input的顏色,改了很久,一定用不管,最后想到了placeholder屬性,于是乎百度了一下,果然placeholder默認的字體顏色是淺灰色的, 然后針對placeholder來設(shè)置你自己想要的顏色:-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 

*手機兼容性調(diào)節(jié)

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

*單位換算

任意瀏覽器的默認字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合:1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在CSS中的body選擇器中先全局聲明 Font-size=62.5%,很多初學者可能會在此定義0.625em或者直接定義12px,這是沒有效果的,一定要定義font-size=62.5%。這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em,10px=1em,也就是說只需要將原來的px數(shù)值除以10,然后換上em作為單位就行了。所以50px等于5em。#LRfloater0{ top:40px !important}距離頂部40像素
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 亚洲第一成网站 | 成人情欲视频在线看免费 | 国产资源在线免费观看 | 韩毛片| 在线a亚洲视频播放在线观看 | 中文字幕在线观看www | 国产精品亚洲欧美一级在线 | 意大利av在线 | 久久久久久久久久亚洲精品 | 高清国产福利 | 欧美18—19sex性hd按摩 | 中文字幕 在线观看 | 91九色网址 | h视频在线观看免费 | 天堂成人国产精品一区 | 国产精品午夜在线 | 久色porn | 亚洲网站免费看 | 国产乱乱视频 | 国产1区2区在线观看 | 99影视在线视频免费观看 | 又黄又爽免费无遮挡在线观看 | h色视频在线观看 | 国产91久久久久久 | 黄色久| 中文字幕极速在线观看 | 久久午夜国产 | 草草久| 成人国产精品一区二区毛片在线 | 精品亚洲综合 | 91欧美视频 | 四季久久免费一区二区三区四区 | 成年人视频在线免费播放 | 久久99精品久久久久久园产越南 | 精品国产一区二区三区久久久蜜月 | 毛片免费视频播放 | 国产成人精品网站 | 狠狠干91| 精品一区二区三区在线播放 | 国产亚洲综合精品 | 福利免费在线观看 |