利用column多列属性调整页面文字列布局
前端技术 2023/09/04 CSS
column多列属性 column-count:栏目数 兼容性写法： CSS Code复制内容到剪贴板 -webkit-column-count:3    -moz-column-count:3   column-width 属性规定列的宽度。 column-gap...
  • 0
IE6下不能设置height:1px的元素是什么原因如何解决
前端技术 2023/09/04 CSS
bug出现原因： 在用DIV构建网页的时候，有时候需要的高度很小，这时候就可能会出现问题，因为，IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。 解决办法： 第一： 定...
  • 0
css3教程之倾斜页面
前端技术 2023/09/04 CSS
代码如下:复制代码代码如下:body{-webkit-transform: rotate(1deg);-moz-transform: rotate(1deg);-o-transform: rotate(1deg);} 代码里面的数字看大家的喜爱调了。越大倾斜越高。
  • 0
举例讲解CSS的子元素选择器用法
前端技术 2023/09/04 CSS
基础 子元素选择器只能一级一级向下寻找，不能跨越  HTML代码： XML/HTML Code复制内容到剪贴板 <p>       this is my <strong><i>w</i>eb</strong> p...
  • 0
css实现背景渐变与底部固定的蓝天白云示例
前端技术 2023/09/04 CSS
复制代码代码如下: <?php defined(\'_JEXEC\') or die; JHtml::_(\'behavior.framework\', true); //if(!$templateparams->get(\'html5\', 0)): ?> ...
  • 0
带有css3动画效果的兼容多浏览器简单导航条示例
前端技术 2023/09/05 CSS
CSS样式:复制代码代码如下:<style>*{margin:0;padding:0;}a{text-decoration:none;color:#666;}li{list-style:none;}body{font-family:Verdana,SimSun;fo...
  • 0
CSS3图片旋转特效(360/60/-360度)
前端技术 2023/09/05 CSS
由于没法展示效果只是截了个图 下面是实现代码： 复制代码代码如下: <style> p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -...
  • 0
在input中右边加上一个图标的css样式
前端技术 2023/09/05 CSS
复制代码代码如下: <input class=\'phone-input\' type=\"text\" id=\"phone\"/> .phone-input{ padding-right:20px; background:url(\"resource/***.g...
  • 0
bootstrap3.0教程之栅格系统案例(包括栅格选项、从堆叠到水平排列、移动设备和桌面等
前端技术 2023/09/05 CSS
本文的主要内容将主要分为以下几个部分 1.栅格选项 2.从堆叠到水平排列 3.移动设备和桌面 4.Responsive column resets 5.列偏移 6.嵌套列 7.列排序 栅格选项 通过下面的截图可以比较清楚的来查看Bootstrap的栅格系统是如何在多种不同的移动...
  • 0
基于ime-mode属性使用详解
前端技术 2023/09/05 CSS
有时项目需要禁止用户输入中文、符号等，减少用户输入出错误的可能性，css属性有这样的功能。 ime-mode的语法解释如下： ime-mode : auto | active | inactive | disabled 取值： auto  : 默认值。不影响IME(Input ...
  • 0

我的博客

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

我的标签

随笔档案