CSS 的各種模組

2021-09-28 22:58:57 字數 1900 閱讀 4863

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

>

#div1

style

>

head

>

>

"div1"

>

div>

>

onload

=function()

}script

>

body

>

html

>

div

平移:transform:translate(x,y)

旋**transform:rotate(45deg)

縮放:transform:scale(x,y)

綜合:transform:rotate(45deg) translate(x,y) scale(x,y)盒子陰影

box-shadow

: 10px 10px 5px red;

文字陰影

動畫與過渡的異同

動畫的三要素

@keyframes fff{

fromto}

/*建立動畫的第二種形式*/

@keyframes fff{

0%50%100%

連寫
div

@keyframes run

to}

div

@media screen and (

min-device-height

: 768px) and (

max-device-width

: 1024px)

}

@media screen and (

orientation

: landscape) }

@media screen and (

orientation

: portrait) }

/*landscape 是寬大於高*/

裝置寬高
@media screen and (

min-device-height

: 768px) and (

max-device-width

: 1024px)

畫素比率
@media

(device-pixel-ratio

: 2)

}

"viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
裝置的dpi
@media screen and (

resolution

: 326dpi)

@media screen and (

min-resolution

: 96dpi)

寬高比
@media screen and (

device-aspect-ratio

: 16/9)

@font-face p

CSS的各種屬性

css的各種屬性 css的單位 a.絕對單位 1in 2.54cm 25.4mm 72pt 6pc pt是點或者磅,pc是派卡 b.相對單位 px,em 印刷單位相當於12個點 相對周圍的文字 字型設定 p 文字設定 p 背景設定 body 列表設定 ul li 盒子模型 border margin...

網路程式設計的各種模組

各種模組 from gevent import monkey monkey.patch all import time from gevent import spawn import select from multiprocessing import process,semaphore,rlock...

Arduino 各種模組篇 搖桿模組

arduino的另外幾種模組,我們常見的joystick搖桿模組。用起來很爽,搖桿 有x,y軸可調 這裡有一篇非常想盡的示例 什麼也不操作的話,顯示的數字是512 const int xside a0 const int yside a1 int valuex 0 int valuey 0 void...