background 的常见背景属性css2.1 中,常见的背景属性有以下几种:(经常用到,要记住)
background-color:#ff99ff; 设置元素的背景颜色。
background-image:url(images/2.gif); 将图像设置为背景。
background-repeat: no-repeat; 设置背景图片是否重复及如何重复,默认平铺满。(重要)
no-repeat不要平铺;
repeat-x横向平铺;
repeat-y纵向平铺。
background-position:center top; 设置背景图片在当前容器中的位置。
background-attachment:scroll; 设置背景图片是否跟着滚动条一起移动。 属性值可以是:scroll(与fixed属性相反,默认属性)、fixed(背景就会被固定住,不会被滚动条滚走)。
另外还有一个综合属性叫做background,它的作用是:将上面的多个属性写在一个声明中。
CSS3 中,新增了一些background属性:
background-origin
background-clip 背景裁切
background-size 调整尺寸
多重背景
RGBA 表示法 background-color: rgba(0, 0, 255, 0.3);
border: 30px solid rgba(0, 255, 0, 0.3);
代码解释:
RGBA 即:Red 红、Green 绿、Blue 蓝、Alpha 透明度。
R、G、B 的取值范围是:0255;透明度的取值范围是 01。
Read more
01-CSS属性:字体属性和文本属性 | 千古前端图文教程 (qianguyihao.com)
CSS的单位html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的单位是必须要写的,因为它没有默认单位。
绝对单位1 in=2.54cm=25.4mm=72pt=6pc
相对单位px:像素 em:印刷单位相当于12个点 %:百分比,相对周围的文字的大小
font 字体属性CSS中,有很多非布局样式(与布局无关),包括:字体、行高、颜色、大小、背景、边框、滚动、换行、装饰性属性(粗体、斜体、下划线)等。
Read more
05-CSS样式表的继承性和层叠性 | 千古前端图文教程 (qianguyihao.com)
继承性我们给div加了一个border,但是发现只有div具备了border属性,而p标签却没有border属性。于是我们可以得出结论:
关于文字样式的属性,都具有继承性。这些属性包括:color、 text-开头的、line-开头的、font-开头的。
关于盒子、定位、布局的属性,都不能继承。
层叠性:处理冲突的能力(计算权重)当多个选择器,选择上了某个元素的时候,要按照如下顺序统计权重:
id 选择器
类选择器、属性选择器、伪类选择器
标签选择器、伪元素选择器
举例1:计算权重
Read more
概要
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
区块链安全入门笔记(系列1-10完整版) (seebug.org)
以太坊网络架构解析 (seebug.org)
Solidity 安全:已知攻击方法和常见防御模式综合列表 (seebug.org)
(15) 【Web3漏洞教程】重入漏洞|Solidity安全教程|院长G大 - YouTube
Read more
Hardhat Boilerplate Project | Ethereum development environment for professionals by Nomic Foundation
看到这了
Read more
如何配置本地Remix优先推荐在线Remix https://remix.ethereum.org/
但是由于介质原因总有时候访问不了或者很慢。。
以下记录docker搭建的方式
在本地部署Remix需要准备两个东西:一个是Remix-project,可以理解为Remix的前端;另一个是Remixd,可以理解为Remix的后端
1、部署Remix-project建议使用Docker的方式部署Remix-project:
docker pull remixproject/remix-ide:latest
docker run -p 8080:80 remixproject/remix-ide:latest
Read more