用滤镜实现背景图片的拉伸效果代码
前端技术 2023/09/03 CSS
复制代码代码如下: body{FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=\'0921.jpg\' ,sizingMethod=\'scale\') }
  • 0
CSS3的first-child选择器实战攻略
前端技术 2023/09/03 CSS
CSS 中的 :first-child Selector 可以选择到特定元素的第一组物件(同一个 parent)HTML XML/HTML Code复制内容到剪贴板 <ul>       <li>1</li>       <li&...
  • 0
css优先级计算方法(推荐)
前端技术 2023/09/03 CSS
主要的css选择器有id,class,tag,[],:,::等，而通常需要对其优先级进行判断的有id,class,tag,另外内联样式和!important也和css的优先级有关系。 如果将这五种不同情况的优先级以数字的形式来表示的话，其对应关系如下： !important(1...
  • 0
bootstrap3.0教程之栅格系统原理(布局)
前端技术 2023/09/03 CSS
栅格系统（布局） Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布...
  • 0
css基础知识之选择器使用示例
前端技术 2023/09/03 CSS
在编写CSS代码的时候，我们会出现多个样式规则作用于用一个元素的情况，例如 复制代码代码如下:header> <nav class=\"nav-main\" id=\"navigation\">Here background</nav></...
  • 0
深入剖析CSS中的线性渐变linear-gradient
前端技术 2023/09/03 CSS
在CSS3出现之前，渐变效果只能通过图形软件设计图片来实现，可拓展性差，还影响性能。如今已经进入CSS3标准的渐变可以很轻松的完成渐变效果。渐变实际上分为线性渐变和径向渐变两种，本文介绍线性渐变。 定义　　 渐变实际上是两种或多种颜色之间的平滑过渡。而线性渐变是多种颜色沿着一条...
  • 0
使用CSS绘制基础的对话框图案的代码示例
前端技术 2023/09/03 CSS
如下图：左侧三角形 css代码如下： CSS Code复制内容到剪贴板 #talkbubble {        margin-left:30px;       width: 120px;        height: 80px;        background: r...
  • 0
CSS2中从优先权重的计算方式来辨别下CSS
前端技术 2023/09/03 CSS
最近开发项目的时候因为应用了大量的CSS样式导致某些关于样式的优先级出现了问题，于是又回过头去翻别人的文章和W3C上关于CSS优先权重的计算方法，关于代码的测试，有兴趣的朋友可以按照计算方式单独编写代码进行测试，我这里就不写一堆堆了，单纯的从优先权重的计算方式来辨别下CSS 关...
  • 0
使用CSS实现小三角形效果【附实例】
前端技术 2023/09/03 CSS
使用CSS实现小三角形效果【附实例】: 建议:尽可能的手写代码，可以有效的提高学习效率和深度。 在众多的网页效果中，都有小三角形效果的应用，能够增加特定应用的美观度，下面就给出一段实例代码，里面介绍了两种实现小三角头效果的方式。代码如下： CSS Code复制内容到剪贴板 ...
  • 0
CSS中的垂直和水平居中完全指南
前端技术 2023/09/03 CSS
CSS Code复制内容到剪贴板 .link {      padding-top: 30px;      padding-bottom: 30px;    }   居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，...
  • 0

我的博客

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

我的标签

随笔档案