|
|
@@ -0,0 +1,49 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+ <style>
|
|
|
+ #box1 {
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ /* background: rgba(255, 0, 0,0.6); */
|
|
|
+ background: #f00;
|
|
|
+ opacity: .6;
|
|
|
+ /* font-size: 10px; */
|
|
|
+ /* font-weight:bolder; */
|
|
|
+ /* font-family: 'Courier New', Courier, monospace; */
|
|
|
+ /* font-style: italic; */
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ /*
|
|
|
+ 透明：opacity:0-1 可以写小数 小数可以省略0 全部透明
|
|
|
+ 16进制颜色 rgb rgba(a=>alpha<透明>)
|
|
|
+ 红 #ff0000 #f00 255,0,0 0-1 可以写小数 小数可以省略0 只对使用的元素进行改变
|
|
|
+ 黄 #ffff00 #ff0 255,255,0
|
|
|
+ 蓝 #0000ff #00f 0,0,255
|
|
|
+ 绿 #00ff00 #0f0 0,255,0
|
|
|
+ 黑 #000000 #000 0,0,0
|
|
|
+ 白 #ffffff #fff 255,255,255
|
|
|
+ */
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!--
|
|
|
+ 颜色：color
|
|
|
+ 字体大小：浏览器默认字体大小是16px
|
|
|
+ 浏览器最小可识别 12px
|
|
|
+ font-size
|
|
|
+ 字体粗细：font-weight
|
|
|
+ 粗 bold bolder 600-900
|
|
|
+ 正常 normal 400-500
|
|
|
+ 细 lighter 100-300
|
|
|
+ 字体:font-family
|
|
|
+ 字体样式:font-style
|
|
|
+ italic 倾斜
|
|
|
+ normal 正常
|
|
|
+ -->
|
|
|
+ <div id="box1">这是一个新盒子</div>
|
|
|
+</body>
|
|
|
+</html>
|
e