CSS3制作漂亮的照片墙的实现代码
前端技术 2023/09/07 CSS
CSS3可以做动画大家肯定都是耳熟能详的了，但是大家有木有巧妙的利用这一个功能来制作一款漂亮的照片墙呢？ 那么今天我们就利用CSS3动画这一特性来一起制作漂亮的照片墙吧！ 第一部分：HTML 这里我们首先放十张图片在页面上面。（有什么靓照尽管上来哦！） XML/HTML ...
  • 0
一句话解决傻傻的多核浏览器切换
前端技术 2023/09/07 CSS
如果你的网站只考虑兼容IE8以上，那么很多WIN7、WIN XP的用户装了360多核浏览器时，访问时不手工切换到极速模式（即采用webkit内核）时，会被认为是IE7之类的，这让很多无辜的前端开发人员，被无辜的群众喷死。现在终于有这解决办法了。而且只需一句话。 若页面需默认用极...
  • 0
CSS去除列表默认边距的简单方法
前端技术 2023/09/07 CSS
简单方法：ul左侧边距设定及div中每行实现虚线 复制代码代码如下: body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}...
  • 0
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
前端技术 2023/09/07 CSS
CSS3 中的滤镜（filter）功能让我们轻松方便简单的处理图片，而不需要使用 PhotoShop 或者使用很多 JavaScript、PHP 代码。这个属性已经得到比较新的 Firefox、Safari、Chrome 浏览器支持，而且我们可以通过综合的可替代的技术来模拟实现...
  • 0
css和js实现瀑布流效果示例
前端技术 2023/09/07 CSS
瀑布流效果 html代码复制代码代码如下:<div class=\"wrap\"> <div class=\"bigbox\" id=\"bigbox\"> <!--每一小块开始--> &lt...
  • 0
CSS行高line-height的个人理解
前端技术 2023/09/07 CSS
一、行高的字面意思 “行高“顾名思义指一行文子的高度。具体来说是指两行文子间基线间的距离。 基线是在英文字母中用到的一个概念，我们刚学英语的时候使用到的那个英语本子每行有4条线，其中底部第二条线就是基线，是a,c,z,x等字母的地边线。 ————————顶线(top line)...
  • 0
浅谈css margin重叠
前端技术 2023/09/07 CSS
父子元素margin重叠 解决办法： 给子元素添加浮动属性，相应父元素添加必要的清浮动属性； 给父元素添加边缘属性，如padding、border； 同级元素margin反向重叠 同级元素margin反向重叠时，元素之间的距离为两个margin值中较大的那个。 因解决办法较少且...
  • 0
任意图片实现垂直居中的三种方法(兼容性还不错)
前端技术 2023/09/07 CSS
在网站开发过程中，可能会有希望图片垂直居中的情况，而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。我总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。 方法一： 将外部容器的...
  • 0
css将div层固定显示在页面底部不随滚动条滚动
前端技术 2023/09/07 CSS
复制代码代码如下:#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}
  • 0
老生常谈CSS中的长度单位
前端技术 2023/09/07 CSS
前面的话 本文分为绝对长度单位和相对长度单位来介绍CSS中的长度单位的主要知识 绝对长度单位 绝对长度单位代表一个物理测量 像素px(pixels) 在web上，像素px是典型的度量单位，很多其他长度单位直接映射成像素。最终，他们被按照像素处理 英寸in(inches) 1in...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案