- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 转换ico图标
先切图 尽量透明图片 png 格式把图片转换为图标 http://www.bitbug.net/把ico图标放入 网站根目录下 之后 利用. <link rel="shortcut icon" href="favicon.ico" />引入到html里面
2020-12-17 22:59:21
214
原创 滑动门
核心技术就是利用CSS精灵（主要是背景位置）和盒子padding撑开宽度, 以便能适应不同字数的导航栏。一般的经典布局都是这样的：<li> <a href="#"> <span>导航栏内容</span> </a></li>总结：a 设置 背景左侧，padding撑开合适宽度。span 设置背景右侧， padding撑开合适宽度 剩下由文字继续撑开宽度。之所以a包含span就是因为 整个导航都是可以点击的
2020-12-10 18:24:10
137
1
原创 鼠标样式cursor
设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor : default 小白 | pointer 小手 | move 移动 | text 文本鼠标放我身上查看效果哦：<ul> <li style="cursor:default">我是小白</li> <li style="cursor:pointer">我是小手</li> <li style="cursor:move">我是移动
2020-12-10 18:22:44
199
1
原创 字体图标包
上传生成字体包当UI设计人员给我们svg文件的时候，我们需要转换成我们页面能使用的字体文件， 而且需要生成的是兼容性的适合各个浏览器的。 推荐网站： http://icomoon.ioicomoon字库IcoMoon成立于2011年，推出的第一个自定义图标字体生成器，它允许用户选择他们所需要的图标，使它们成一字型。 内容种类繁多，非常全面，唯一的遗憾是国外服务器，打开网速较慢。推荐网站： http://www.iconfont.cn/阿里icon font字库http://www.ic
2020-12-09 22:47:03
262
原创 清除浮动的方法
在CSS中，clear属性用于清除浮动，其基本语法格式如下：选择器{clear:属性值;}属性值描述left不允许左侧有浮动元素（清除左侧浮动的影响）right不允许右侧有浮动元素（清除右侧浮动的影响）both同时清除左右两侧浮动的影响额外标签法是W3C推荐的做法是通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>，或则其他标签br等亦可。优点： 通俗易懂，书写方便缺点： 添加
2020-12-09 22:30:40
169
原创 盒子边框常用样式
none：没有边框即忽略所有边框的宽度（默认值）solid：边框为单实线(最为常用的)dashed：边框为虚线dotted：边框为点线double：边框为双实线
2020-12-09 21:50:06
507
原创 背景透明(CSS3)
CSS3支持背景半透明的写法语法格式是:background: rgba(0,0,0,0.3);最后一个参数是alpha 透明度 取值范围 0~1之间注意： 背景半透明是指盒子背景半透明， 盒子里面的内容不收影响。
2020-12-09 21:12:33
347
原创 css背景简写
background属性的值的书写顺序官方并没有强制标准的。为了可读性，建议大家如下写：background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置background: transparent url(image.jpg) repeat-y scroll 50% 0 ;...
2020-12-09 21:09:06
137
原创 css背景位置
语法：background-position : length || lengthbackground-position : position || position 参数：length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位position : top | center | bottom | left | center | right说明：设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为：(0% 0%)。如果只指定了
2020-12-09 21:02:55
109
原创 Web前端开发规范手册
一、规范目的1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.二、文件规范2.1 文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符；命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称
2020-12-09 20:09:43
149
原创 CSS优先级
继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具
2020-12-07 15:45:07
691
原创 块级元素和行内元素区别
块级元素的特点：（1）总是从新行开始（2）高度，行高、外边距以及内边距都可以控制。（3）宽度默认是容器的100%（4）可以容纳内联元素和其他块元素。行内元素的特点：（1）和相邻行内元素在一行上。（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。（3）默认宽度就是它本身内容的宽度。（4）行内元素只能容纳文本或则其他行内元素。...
2020-12-07 15:29:11
99
原创 区块链技术，模仿B特币，java模拟区块链技术，（摘自GitHub）
准备一个钱包在加密货币中，在区块链作为交易时，货币所有权可以进行转移，每个参与者都有一个自己私有的地址来发送或者是收取货币。，钱包可以存储这些地址。因此钱包就是可以在区块链上进行新交易的软件。Don’t worry about the information on the transaction, that will be explained soon让我们创建一个钱包类来保存公钥和私钥:package noobchain;import java.security.*;public class
2020-12-06 18:39:25
518
1
原创 html常用标签
标题标签单词缩写： head 头部. 标题 title 文档标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即 <h1>、<h2>、<h3>、<h4>、<h5>和<h6>`标题标签语义： 作为标题使用，并且依据重要性递减其基本语法格式如下：<hn> 标题文本 </hn>段落标签单词缩写： paragraph 段落 [ˈ
2020-12-05 23:01:17
206
原创 HTML_合并单元格
首先我们创建一个3行3列的表格：<table border="1px" width="400px" height="300px" style="text-align: center"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <
2020-12-05 22:18:45
442
原创 锚点定位
通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：1.使用“a href=”#id名>“链接文本"</a>创建链接文本（被点击的） <a href="#two"> 2.使用相应的id名标注跳转目标的位置。 <h3 id="two">第2集</h3> ...
2020-12-05 21:35:13
155
原创 字符集
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。gb2312 简单中文 包括6763个汉字BIG5 繁体中文 港澳台等用GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312UTF-8则包含全世界所有国家需要用到的字符使用UTF-8 字符集, 这样就避免出现字符集不统一而引起乱码的情况了。...
2020-12-05 20:48:37
131
原创 HTML标签分类
在HTML页面中，带有“< >”符号的元素被称为HTML标签，如上面提到的 <HTML>、<head>、<body>都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令，也称为HTML标签或 HTML元素1.双标签<标签名> 内容 </标签名>该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</标签名>” 表示该标签的作
2020-12-05 20:46:49
149
原创 HTML 语言语法骨架格式
<HTML> <head> <title></title> </head> <body> </body></HTML>
2020-12-05 20:36:04
164
原创 浏览器内核标准
浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS 引擎 则是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS
2020-12-05 20:33:53
161
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人