随笔分类 -  HTML5、CSS3

使用css样式设置按钮禁用
摘要：background:#dddddd; //为带有disabled的input框添加背景颜色 或者 opacity:0.5 pointer-events:none;//鼠标点击不可修改 cursor: not-allowed // 表示一个红色的圈加一个斜杠 阅读全文
posted @ 2021-05-21 10:17 我和我的小生活 阅读(1979) 评论(0) 推荐(0)
accpect限制上传文件的类型
摘要：今天在改一个需求时，说要增加上传文件的类型。看代码发现是accpet起的作用，get一个新知识 使用accept控制file上传文件类型 <input type="file" accept="image/*" /> accept表示可以上传文件类型，image表示图片，*表示所有支持的格式。对vue 阅读全文
posted @ 2021-01-29 13:56 我和我的小生活 阅读(470) 评论(0) 推荐(0)
如何让登录表单水平居中？
摘要：登录表单为子盒子，外面设置一个父盒子。 子绝父相盒子定位。 平常经常用得到，做一下记录 设置margin自动适应,然后设置定位的上下左右都为0,就如四边均衡受力从而实现盒子的居中; .parent { position:relative; } .child { position: absolute; 阅读全文
posted @ 2021-01-29 10:15 我和我的小生活 阅读(1180) 评论(0) 推荐(0)
怎么让图片居中显示？
摘要：online：给img定义一个父标签，让这个父标签里面的内容居中，那么img自然就居中了。 methods:父盒子加上属性：text-align:center 阅读全文
posted @ 2020-12-16 11:46 我和我的小生活 阅读(530) 评论(0) 推荐(0)
修改网站颜色为黑白 (100% 灰度)/全页置灰
摘要：国家公祭日的时候，各大网站颜色都变成了灰色，这个效果身为身为程序员的我必须得了解了解~ 它与一个属性有关 CSS3 filter(滤镜) 属性 修改所有图片的颜色为黑白 (100% 灰度): img { -webkit-filter: grayscale(100%); /* Chrome, Safa 阅读全文
posted @ 2020-12-15 13:38 我和我的小生活 阅读(584) 评论(0) 推荐(0)
element.style的样式问题解决方法
摘要：今天在写前端样式的时候，给图片加宽，发现怎么也出不来效果，比较气人。看着语法也没错啊，于是我打开了调试器，发现width:144px;的地方化了横线，不起作用。而上方有一个 element.style{ width:60px; } 如下图所示 显示效果： 更改我们自己定义的width不起作用，而在上 阅读全文
posted @ 2020-03-11 12:56 我和我的小生活 阅读(8740) 评论(0) 推荐(1)
HTML5语义化结构标签有哪些？
摘要：<header>表示页面中一个内容区块或整个页面的标题。 <section>页面中的一个内容区块，如章节、页眉、页脚或页面的其他地方，可以和h1、h2……元素结合起来使用，表示文档结构。 <article>表示页面中一块与上下文不相关的独立内容，如一篇文章。 <aside>表示<article>标签 阅读全文
posted @ 2019-09-05 18:04 我和我的小生活 阅读(2578) 评论(0) 推荐(0)
HTML5的新特性（面试必备）
摘要：面试前端的时候，有可能面试官会问你，让你谈谈对HTML5的认识。在教材上有关于HTML5新特性的概述，我觉得有必要整理一下，可以让自己对HTML5有一个比较全面的认知。 HTML5不仅仅是HTML规范的当前最新版本，也代表了一系列Web相关技术的总称，其中最重要的3项技术就是HTML5核心规范、CS 阅读全文
posted @ 2019-09-05 17:48 我和我的小生活 阅读(1112) 评论(0) 推荐(0)
HTML5标签的使用和作用
摘要：在菜鸟教程中找了一些关于HTML5的知识点，觉得很有用，可以整理一下，以后使用。 这是一个基本的HTML5文档： <!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body>文档内容......</ 阅读全文
posted @ 2019-07-24 13:29 我和我的小生活 阅读(1397) 评论(0) 推荐(1)