HTML+CSS
关注
分享
扫一扫
2b0x
一个热衷于平面设计的前端攻城狮~
展开
-
把页面滚动条隐藏小技巧
滚动条的视觉隐藏原创 2016-03-06 18:37:14 · 1978 阅读 · 0 评论 -
巧用 div 层次 和 巧用百分比
在第一学期中做的毕业设计时，登录页面的登录框 我是用PS直接做一个框架在背景图上的 但由于是附在背景上的 所以当 屏幕分辨率改变时 之前定位的表单就自然而然的脱离了 之前设计好的 那个背景中的登录框的那个位置。 基于这个问题，于是我打算把表单存放在一个 div 中 然后让div 自适 窗口大小 全部代码如下：<body ...原创 2016-02-19 00:59:08 · 878 阅读 · 0 评论 -
HTML+JS基础之a标签href与onclick事件的冲突处理
这几天尝试一个小项目时遇到的一个很不明显的坑感觉前端初学者都很容易掉进这个坑呀就是在使用a标签中 如果同时有 href 和onclick事件时 如果没对 href 做处理 那么对 onclick 事件本身解析会有干扰举个我今天遇到栗子：在上面贴出的 code 中，因为我把这个链接设置成一个按钮 其目的是引发click_scroll函数 (页面滚动到指定位置) ，原创 2017-04-22 21:43:24 · 4575 阅读 · 0 评论 -
HTML+CSS基础之浅层理解box-sizing:content-box | border-box | inherit
在css2.中我们设置一个盒模型后，该盒子总占有宽高是为我们设定的内容宽高+内边距（width+padding）这有时会在实际开发时 由于计算的疏忽给我们带来一些不便 于是 css3的时候 引入了一种新的规范 box-sizing------------------------------分割线------------------------------box-sizing原创 2017-04-15 15:57:01 · 3210 阅读 · 0 评论 -
CSS绘制三角形
利用CSS绘制三角形 并应用在相应的场景中，减少图片的使用，可提高加载速率，降低HTTP请求次数在同一方向上，大致有三种绘制方式，绘制出来的有两种规格（在保持宽度不变的情况下）对比图：假定给第一个三角形命名为 triangle1，则第二第三个分别为triangle2，triangle3先从第三个最小面积的说起，代码如下：height: 0;width: 0;原创 2017-06-04 19:10:12 · 497 阅读 · 0 评论 -
css3动画之常用按钮、卡片动画特效
前言：不得不说引入CSS3的 transition 属性之后，让部分动画变得无比简单与高效，之前很多要用监听事件才能完成的动画效果，现在“一个” transition 就可以解决，而且高效多了。这里我先列出六种动画来浅谈下CSS3的 transition 属性来实现动画（你会发现实现其实大同小异的） 效果图： 了解transition：在讲解实现之前，我们要先来了解...原创 2018-07-26 20:27:04 · 2017 阅读 · 2 评论