1.0.5CSS_2.0

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
NENEIIII's avatar
NENEIIII Nov 22, 2022

1.0.4CSS_字体与文本属性

01-CSS属性:字体属性和文本属性 | 千古前端图文教程 (qianguyihao.com) CSS的单位html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的单位是必须要写的,因为它没有默认单位。 绝对单位1 in=2.54cm=25.4mm=72pt=6pc 相对单位px:像素 em:印刷单位相当于12个点 %:百分比,相对周围的文字的大小 font 字体属性CSS中,有很多非布局样式(与布局无关),包括:字体、行高、颜色、大小、背景、边框、滚动、换行、装饰性属性(粗体、斜体、下划线)等。     Read more
NENEIIII's avatar
NENEIIII Nov 22, 2022

1.0.7CSS_继承 层叠

05-CSS样式表的继承性和层叠性 | 千古前端图文教程 (qianguyihao.com) 继承性我们给div加了一个border,但是发现只有div具备了border属性,而p标签却没有border属性。于是我们可以得出结论: 关于文字样式的属性,都具有继承性。这些属性包括:color、 text-开头的、line-开头的、font-开头的。 关于盒子、定位、布局的属性,都不能继承。 层叠性:处理冲突的能力(计算权重)当多个选择器,选择上了某个元素的时候,要按照如下顺序统计权重: id 选择器 类选择器、属性选择器、伪类选择器 标签选择器、伪元素选择器 举例1:计算权重     Read more
NENEIIII's avatar
NENEIIII Nov 22, 2022

1.0.6CSS_概览 样式表

概要 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
NENEIIII's avatar
NENEIIII Nov 22, 2022

1.0.3HTML_总结

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
NENEIIII's avatar
NENEIIII Nov 19, 2022

1.0.2HTML_存储 缓存 网络状态

Web 存储H5 中有两种存储的方式1、**window.sessionStorage 会话存储:** 保存在内存中。 生命周期为关闭浏览器窗口。也就是说,当窗口关闭时数据销毁。 在同一个窗口下数据可以共享。 在应用程序-存储-会话存储里可以看到 2、**window.localStorage 本地存储**: 有可能保存在浏览器内存里,有可能在硬盘里。 永久生效,除非手动删除(比如清理垃圾的时候)。 可以多窗口共享。 Web 存储的特性(1)设置、读取方便。     Read more
NENEIIII's avatar
NENEIIII Nov 18, 2022

1.0.1HTML_1.0

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
NENEIIII's avatar
NENEIIII Nov 17, 2022

4.0区块链安全

区块链安全入门笔记(系列1-10完整版) (seebug.org) 以太坊网络架构解析 (seebug.org) Solidity 安全:已知攻击方法和常见防御模式综合列表 (seebug.org) (15) 【Web3漏洞教程】重入漏洞|Solidity安全教程|院长G大 - YouTube     Read more
NENEIIII's avatar
NENEIIII Oct 28, 2022

2.0Hardhat框架

Hardhat Boilerplate Project | Ethereum development environment for professionals by Nomic Foundation 看到这了     Read more
NENEIIII's avatar
NENEIIII Oct 27, 2022

1.4Intro to Remix & Solidity

如何配置本地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
NENEIIII's avatar
NENEIIII Oct 26, 2022
>Google Plus