bell_* - 博客园

2021年7月4日

摘要： Flex布局 flex : flexible box的缩写，意为“弹性布局”，有很强的灵活性，任何一个容器都可以设置为flex布局。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做ma 阅读全文

posted @ 2021-07-04 17:27 bell_* 阅读(189) 评论(0) 推荐(0) 编辑

2020年12月2日

input框不能输入问题

摘要： input框不能输入问题今天在写程序设计登录页面的时候遇到了一个问题：输入框不能输入! 就是我写着写着想测试一下功能，就发现输入框不能输入了。？？？还能出现这种问题？？就很疑惑，然后就搜了搜无法输入的原因。主要有如下情况： 1. input框设置了readonly属性这个就很好理解了，reado 阅读全文

posted @ 2020-12-02 20:23 bell_* 阅读(3306) 评论(0) 推荐(1) 编辑

2020年11月29日

JS的innerHTML完成注册表

摘要：用JS的inner HTML完成注册表的提示功能就写了一个很简单很简单的注册表，用JS完成了一个简单的验证提示功能首先把总体的表单写出来，比如用户名，密码之类的在右边加一个span标签，用innerHTML来写提示的每一个input记得要加上id，便于后面的调用 input里使用onblur 阅读全文

posted @ 2020-11-29 23:15 bell_* 阅读(117) 评论(0) 推荐(0) 编辑

2020年11月7日

CSS的z-index属性和box-shadow属性

摘要： CSS的z-index属性和box-shadow属性 z-index z-index属性设置元素的堆叠顺序，z-index的取值表示各元素之间的层次关系，值大者在上，当为负数时表示该元素位于页面之下重点！！！ z-index仅能在定位元素上奏效，如：position：absolute； box-s 阅读全文

posted @ 2020-11-07 11:42 bell_* 阅读(526) 评论(0) 推荐(0) 编辑

2020年11月1日

JS个人笔记

摘要：一. javaScript简介及基本用法 JavaScript诞生于1995年，主要用于处理网页中的前端验证（指检查用户输入的内容是否符合一定的规则，eg:用户名长度，邮箱格式等），就可以不需要将数据传到服务器再进行验证，就加快了验证的速度，有良好的用户体验。还有一堆关于JavaScript的简史阅读全文

posted @ 2020-11-01 13:27 bell_* 阅读(84) 评论(0) 推荐(0) 编辑

2020年10月29日

css照片墙

摘要：照片墙嗯嗯嗯，get一个小技能，用css实现照片墙。照片是倾斜的，互相遮挡的，当鼠标移动到照片上时，照片会变正，还会放大，显示在最上面。移走后又会恢复原样。个人步骤：先找到几张漂漂亮亮可可爱爱的图片，让他们排排站好，再用transition设置图片的角度，改变大小等（让它看起来是随意摆放的）。阅读全文

posted @ 2020-10-29 20:55 bell_* 阅读(233) 评论(0) 推荐(0) 编辑

2020年10月24日

透明度设置

摘要： HTML CSS设置透明度使用rgba设置 rgba(r,g,b,a) r,g,b大家都知道的红，绿，蓝的值，然后a就是指透明度的值，取值范围在0到1之间，1是不透明，0是全透明。使用rgba是仅仅设置元素的颜色的透明度，不会设置其相关的透明度使用opacity设置透明度 opacity:va 阅读全文

posted @ 2020-10-24 16:33 bell_* 阅读(211) 评论(0) 推荐(0) 编辑

2020年9月27日

a标签的name属性

摘要： <a>的name属性可以创建文档内的书签，尤其是大篇幅的文档内使用，可以快速跳到自己想要浏览的地方比较方便用于指定锚的名称标签内必须提供href或name属性 <html> <body> <p> <a href="#C4">想要跳到 Chapter 4</a> </p> <h2>C 阅读全文

posted @ 2020-09-27 16:12 bell_* 阅读(1128) 评论(0) 推荐(0) 编辑

iframe标签

摘要： iframe 用于在网页内显示网页，也就是通过使用框架我们可以在同一个窗口中浏览多个页面语法 <iframe src="">这是一个框架</iframe> 然后就是可以使用height和weight属性设置高度和宽度， frameborder属性设置是否显示边框，设置frameborder=“0 阅读全文

posted @ 2020-09-27 15:51 bell_* 阅读(124) 评论(0) 推荐(0) 编辑

2020年9月5日

title属性

摘要： title 属性：规定关于元素的额外信息。当鼠标移到元素上时显示的额外信息。这个是title属性而不是title元素，是在看w3school的源代码时看见的，什么时候我才能写出这么简洁，好看的代码， eg: <div id="navfirst"><ul id="menu"><li id="h">< 阅读全文

posted @ 2020-09-05 13:11 bell_* 阅读(1185) 评论(0) 推荐(0) 编辑