first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
p {
font-size: 29px;
font-family: fantasy;
font-weight: bolder;
color: #ff0;
opacity: 0.5;
}
h3 {
text-align: center;
}
</style>
</head>
<body>
<p>font属性练习</p>
<p>hahahahahahhaahhahah</p>
<h3>这是测试文字的text-align对齐方式</h3>
</body>
</html>

View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
width: 1100px;
margin: 0 auto;
}
.father {
width: 604px;
}
.father li {
margin-bottom: 43px;
}
</style>
</head>
<body>
<h1>
Dart语法学习
</h1>
<h2>
目录
</h2>
<ul>
<li>参考资料</li>
<li>语言特性</li>
<li>关键字</li>
<li>变量与常量</li>
</ul>
<h2>
参考资料
</h2>
<ul>
<li>
<a href="https://www.dartlang.org/guides/language/language-tour">https://www.dartlang.org/guides/language/language-tour</a>
【官方文档】
</li>
<li>
<a href="http://wiki.jikexueyuan.com/project/dart-language-tour/classes.html">http://wiki.jikexueyuan.com/project/dart-language-tour/classes.html</a>
【极客学院】
</li>
<li>
<a href="https://www.jianshu.com/p/3d927a7bf020">https://www.jianshu.com/p/3d927a7bf020</a>
【authorAWeiLoveAndroid】
</li>
</ul>
<h2>
语言特性
</h2>
<ul class="father">
<li>Dart所有的东西都是对象 即使是数字numbers、函数function、null也都是对象所有的对象都继承自Object类。</li>
<li>Dart所有的东西都是对象 即使是数字numbers、函数function、null也都是对象所有的对象都继承自Object类。</li>
<li>Dart所有的东西都是对象 即使是数字numbers、函数function、null也都是对象所有的对象都继承自Object类。</li>
</ul>
</body>
</html>

View File

@@ -0,0 +1,48 @@
CSS属性学习
font-size: 设置字体大小,用于显示文字的标签基本上都可以用
font-family: 设置字体的样式
font-weight: 设置字体的粗细可选数值http://www.w3school.com.cn/cssref/pr_font_weight.asp
line-height: 设置文字上下间距
color: 设置文字的颜色
opacity: 0 完全透明, 1 完全不透明,一般在在 0 ~ 1 之间取值
text-indent: 设置文本段落的首行缩进,具体缩进多少,根据实际情况定
text-align: 设置文本的对齐方式 left right center
text-shadow: 1 2 3 4
1: 影子X轴上的位置正数表示X轴右侧负数左侧
2: 影子Y轴上的位置正数表示Y轴下面负数上面
3设置影子的模糊度数值越大越模糊
4影子的颜色
letter-spacing: 设置字与字之间的间距
background-color: 设置背景色
background-image设置背景图片
background-repeat设置背景图片怎么重复
1repeat-x 背景图像在横向上平铺
2repeat-y背景图像在纵向上平铺
3no-repeat背景图像不平铺
background-position 设置背景图在哪里显示
1: center
2: left
3: right
4x y 取数值
background-attachment 设置背景图是否随页面的滚动
1fixed 表示图片固定,不随文字滚动
实现文字超过部分用 ... 代替
overflow: hidden;
width: 231px;
white-space: nowrap;
text-overflow: ellipsis;
预习:
1background-origin
2background-size