CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/08 CSS

最近在做项目的时候，客户要求点击父页面的一个按钮以后，整个父页面向左移动，左侧则用来显示图片，这样用户可以照着左侧图片在页面上填一些信息。结果可能在最初是设计的时候就有问题，设计的样式是这样的，点击父页面（页面宽度设置为100%）上的一个按钮整个页面往右侧移动页...

深入了解float与inline-block

前端技术 2023/09/08 CSS

最近工作比较轻松,所以一直在写自己的canvas库..也没啥好知识点写博客,停滞了有2个月了吧.故今天决心花些时间来写一篇css的博文,刚好最近项目写界面的时候碰到这2个家伙...所以就和大家一起来半深入的理解下首先是兼容性 float的话完全不用担心什么浏览器都能兼容,比较...

前端技术 2023/09/08 CSS

现在，泡沫对话框是一种比较流行的趋势，一般都是用html和javascript，和或者图片来实现，今天用纯css3和html来实现一些基本的简单的泡沫对话框 html代码如下：复制代码代码如下: <div class=\"content\"> <h2>T...

前端技术 2023/09/08 CSS

我一直喜欢灰度图像因为我认为他们看起来更有艺术感。很多图片编辑如Photoshop很容易把你的彩色图像变成灰度。甚至有选择调整颜色深度和色调。不幸的是,这样的效果想做在网络上并不容易，因为浏览器有差异。 1、CSS Filter 使用CSS过滤器属性可能是最简单...

前端技术 2023/09/08 CSS

CSS样式为：复制代码代码如下: <style type=\"text/css\"> #navigation { width:200px; font-family:Arial; } #navigation ul { list-style-type:...

前端技术 2023/09/08 CSS

最近在做一个网盘的项目，用到了鼠标移上去效果，这个效果可以用js来实现，今天主要分享一下，这个效果如何用纯css实现！效果如下图： html代码 XML/HTML Code复制内容到剪贴板 <table id=\"filelist\" style=\"width:...

前端技术 2023/09/08 CSS

断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例...

前端技术 2023/09/08 CSS

先来回顾一下line-height的基础知识：语法： line-height : normal | <实数> | <长度> | <百分比> | inherit说明：设置元素中行的高度。值： normal：默认行高，一般为1到1.2；实数...

一款纯css3实现的响应式导航

前端技术 2023/09/08 CSS

　　之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图：　　实现的代码。　　html代码：复制代码代码如下:<div class=\"navbar\"> &...

前端技术 2023/09/08 CSS

CSS Filter 是 IE 特有的技术，其他浏览器均不支持，所以为了最大的兼容性及标准化，应尽量避免为 IE 单独使用 Filter，如需要其某些特效，应同时考虑其他浏览器，图片渐变复制代码代码如下: <img src=\"...\" width=...

关闭

我的博客