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

前端技术 2023/09/03 CSS

一、line-height的定义 line-height(行高)，相邻文本行基线间的距离。那什么是基线呢？对于文字“Benjamin-xx工程师”，来说基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。二、line-height理解有的时候我们会...

前端技术 2023/09/03 CSS

复制代码代码如下: body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; pa...

前端技术 2023/09/03 CSS

相信很多人都用过利用border来实现小三角箭头，百度一下，这类的文章多如牛毛，这里我还是啰嗦点把常用的方法陈列出来： CSS Code复制内容到剪贴板 .triangle_border_up{ width:0; height:0; ...

前端技术 2023/09/03 CSS

:hover是在CSS中用来制作效果最常用到的一个伪类，比如：标签或div上的鼠标悬停效果 li:hover,div:hover等. 但这种效果是css2及以上版本才添加的，对于只支持css1的浏览器就显示不出来。在IE6中只兼容a:hover，要使用li:h...

CSS3实现超酷的黑猫警长首页

前端技术 2023/09/03 CSS

先看看效果图：具体代码： XML/HTML Code复制内容到剪贴板 <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf...

前端技术 2023/09/03 CSS

本文实例讲述了纯CSS实现的紫罗兰风格导航条效果。分享给大家供大家参考。具体如下：这是一款紫罗兰风格CSS导航条，相信你会喜欢，不信就点运行看一下吧，很经典的CSS菜单。运行效果截图如下：在线演示地址如下： http://demo.phpstudy.net/js/201...

CSS图片优化的一些相关建议

前端技术 2023/09/03 CSS

　　CSS图片优化就是尽量压缩图片的大小，加快页面加载速度，这对于大型网站是很有用的。不要小看它，它可以大大提高网页加载速度。通常大家用到的方法就是css sprites。　　CSS Sprites(图片整合技术) 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面...

深入理解CSS定位与层叠

前端技术 2023/09/03 CSS

position：static(静态定位) 当position属性定义为static时，可以将元素定义为静态位置，所谓静态位置就是各个元素在HTML文档流中应有的位置 podisition定位问题。所以当没有定义position属性时，并不说明该元素没有自己的位置，它会遵循默认...

前端技术 2023/09/03 CSS

css3出现的时间不长，其中有好多属性到目前为止都不被任何主流浏览器支持。对于那些比较好的效果，前端设计师们也只能忍痛放弃了。。。。。接下来我们对这样的属性做一个汇总。 1.Grid系列属性 2.Hyperlink系列属性 3.Text方面： ...

举例详解CSS3中的Transition

前端技术 2023/09/03 CSS

1.会伸缩的搜索表单常在 sf.gg 混的人都知道，它的顶部导航栏是这样的：当输入框获得焦点就会变成这样的：利用 CSS3 的 Transition 属性，我们可以简单做出一个类似的搜索表单出来： HTML 标记： XML/HTML Code复制内容到剪贴板 &lt...

关闭

我的博客