简单的CSS叠加外边距示例
前端技术 2023/09/06 CSS
垂直方向上的外边距会叠加，假设有3个段落，前后相接，而且都应用以下规则： CSS Code复制内容到剪贴板 <style type=\"text/css\">            p{                color: black;        ...
  • 0
CSS固定宽度的三列布局运用实例解析
前端技术 2023/09/06 CSS
固定宽度三列布局这很基础，我们直接看代码便能明白： XML/HTML Code复制内容到剪贴板 <div id=\"wrapper\">    <div id=\"header\">header</div>    <div id=...
  • 0
从可维护性角度考虑css的!important规则的可用性
前端技术 2023/09/06 CSS
最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式。按照常理来说，越是灵活的东西，需要做的工作就会更多。所以想当然的认为像!important这样灵活、方便的规则如果用得多的话肯定会对性能有所影响。基于这种考虑，本来想把所有的...
  • 0
CSS中值得记住的一些技巧
前端技术 2023/09/06 CSS
Box-sizing 尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。 CSS Code复制内容到剪贴板 .div {         width: 150px;         height: 100p...
  • 0
IE6下CSS多类选择符优先级不起作用的bug分析及解决方法
前端技术 2023/09/06 CSS
IE6，这个前端开发的梦魇总是在你不经意的时候给你捅一刀。这次碰到的问题是CSS多类选择符的问题。IE6不支持，我们来看一段这样简单的代码： 复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 T...
  • 0
css串联选择器和后代选择器使用方法
前端技术 2023/09/06 CSS
串联选择器：作用在同一个标签上复制代码代码如下:<div class=”a” id =\"qq\"><span>look at the color</span></div></p> <p>css: #qq...
  • 0
css中em px 区别你真的了解吗
前端技术 2023/09/06 CSS
之前听人说过，网站制作中字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。 首先了解一下em是何物？ em指字体高，任意浏览器的默认字...
  • 0
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
前端技术 2023/09/06 CSS
我们见过很多页面右侧浮动效果，最早有QQ联系面板，对联广告等，大多数都是基于Javascript实现的动态效果，今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。 源码下载：点击下载 HTML 我们希望悬浮效果最后加载，因此一般将其放置在页面HTML的末尾，我们建立...
  • 0
利用UL、Li+CSS属性制作无表格实用菜单导航效果
前端技术 2023/09/06 CSS
当项目列表的项目符号可以通过list-style-type设置为none时，制作各式各样的菜单、导航条成了项目列表的最大用处之一，通过各种CSS属性变换可以达到很多意想不到的导航效果。本实例效果如下图所示：   建立HTML相关结构复制代码代码如下:<body>&l...
  • 0
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
前端技术 2023/09/06 CSS
项目最近这几天正在做不同主题的颜色配置方案，要根据用户输入的颜色来配置整个主题的颜色，让人头疼的是，其中一个主题所有的列表头部背景色都是2到3组渐变值的线性渐变，也就是说，要根据用户输入的颜色值生成不同的但相似度很近的渐变颜色。我上网查了些资料，现在也有js支持...
  • 0

我的博客

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

我的标签

随笔档案