概要
CSS 和 HTML 结合的三种方式:行内样式表、内嵌样式表、外部样式表
行内样式:
<p style="color:white;background-color:red">小奶包包</p>内嵌样式表:
<style type="text/css">
p {
font-weight: bold;
font-style: italic;
color: red;
}
</style>
<body>
<p>金曲大赏</p>
<p style="color:blue">b50</p>
</body>
<link rel = "stylesheet" type = "text/css" href = "a.css"></link>
<!-- 候选的样式表 -->
<link rel = "alternate stylesheet" type = "text/css" href = "b.css" title="第二种样式"></link>
<link rel = "alternate stylesheet" type = "text/css" href = "c.css" title="第三种样式"></link>
@import url(a.css);
CSS 四种基本选择器:标签选择器、类选择器、ID选择器、通用选择器
CSS 几种扩展选择器:后代选择器、交集选择器、并集选择器
语法:
CSS 语法语法格式:(其实就是键值对)
选择器{ 属性名: 属性值; 属性名: 属性值; }
Read more
html 的常见元素html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。
1、head 区域的 html 元素
head 区域的 html 元素,不会在页面上留下直接的内容。
<base href="/">
base 标签用于指定基础的路径。指定之后,所有的 a 链接都是以这个路径为基准
meta
title
style
link
script
base
2、html 元素(body 区域)
body 区域的 html 元素,会直接出现在页面上。
Read more
Web 存储H5 中有两种存储的方式1、**window.sessionStorage 会话存储:**
保存在内存中。
生命周期为关闭浏览器窗口。也就是说,当窗口关闭时数据销毁。
在同一个窗口下数据可以共享。
在应用程序-存储-会话存储里可以看到
2、**window.localStorage 本地存储**:
有可能保存在浏览器内存里,有可能在硬盘里。
永久生效,除非手动删除(比如清理垃圾的时候)。
可以多窗口共享。
Web 存储的特性(1)设置、读取方便。
Read more
Web前端分三层:
HTML(HyperText Markup Language):超文本标记语言。从语义的角度描述页面的结构。相当于人的身体组织结构。
CSS(Cascading Style Sheets):层叠样式表。从审美的角度美化页面的样式。相当于人的衣服和打扮。
JS:JavaScript。从交互的角度描述页面的行为。相当于人的动作,让人有生命力。
HTMLHTML标签是分等级的,HTML将所有的标签分为两种:
文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。(a标签里不能放a和input)
容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
从学习p的第一天开始,就要牢牢记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素。其他的一律不能放。
Read more
// https://learnweb3.io/courses/9a3fafe4-b5eb-4329-bdef-97b2aa6aacc1/lessons/7296fe93-c7c0-4ea6-a986-ddb40274227f
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
import "https://github.com/OpenZeppelin/openzeppelin-contracts/blob/master/contracts/token/ERC20/ERC20.sol";
// “is” means 是ERC20的一个实例instance 可以理解成继承
contract LW3Token is ERC20 {
// 类似于构造函数 在合约第一次部署时被执行
// 后面这个ERC20是我们继承的ERC20合约的构造函数,因此我们需要用得到的_name _symbol为它初始化
constructor(string memory _name, string memory _symbol) ERC20(_name, _symbol) {
// 在部署的时候为当前的主人(发起transaction的address)制造一些tokens
// 注意solidity中不支持浮点数(小数),他的计数方式是相对于最小数的描述方式:如ERC20 tokens默认为18位,这里的10*10**18代表的是10 full tokens
_mint(msg.sender, 10 * 10 ** 18);
}
}
// 部署在Goerli上后(也可选用其他测试网)可以去https://goerli.etherscan.io/ 查看(复制合约地址进行搜索)
// 查看metamask钱包会发现刚刚发行的个人代币并没有显示出来,
// 这是因为一般只有有名的那几个ERC20代币会被自动检测,像个人发行的这种只能手动添加
// ?为什么显示为0呢
原来是由于.sol文件名和里面的contract名不一致(编译并不会报错)
修改后成功显示10
Read more