您的当前位置:首页 > 建站学院 > 前端开发 > 
  • IE 6下CSS浮动样式的问题

    前端开发4小时前

    IE 8虽然发布,但是依然有不少人用IE 6,对于样式的构建十分头疼。 Div+CSS中最关键的是浮动布局,如果出现右边的框移到下边的状况,一般是以下两种原因: (一)父元素宽度不够 主要是增加父元素宽度即可,因为IE 6的宽度计算和IE 8/FF不一样导致。 (二)IE 6本身的Bug 当浮动的时候,宽度可能会被双倍计算,这样的话可以在float之后写:...

  • css元素水平垂直居中

    前端开发6小时前

    温习一下元素水平垂直居中的几种方法 元素有具体宽度 1、absolute+负边距 .LV_center{ border: 1px solid red; position: absolute; width: 100px; height: 100px; top:50%; left: 50%; margin-top:-原高度/2 ; margin-left: -...

  • 【原创】使用纯CSS3制作一个无限循环的动画

    前端开发13小时前

    实际效果: @-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); border:5px solid red; } 50%{ -webkit-transform: rotate(180deg); background:black; border:5px solid yellow; }...

  • iphone safari浏览器CSS兼容性的解决方案集合 iphone safari浏览器CSS兼容性的解决方案集合

    前端开发前天 19:11

    1、iphone safari不兼容CSS的active的解决方案如下: <body ontouchstart="" onmouseover=""> </body> 参考链接:http://stackoverflow.com/questions/8330559/hover-effects-using-css3-touch-event...

  • Windows和Mac两种操作系统下CSS不兼容问题的解决

    前端开发前天 17:28

    这两天碰到一个问题,就是一个小图标的大小和定位的位置在不同的操作系统下是不一样的。 查了下资料,自己解决出来了,整理如下: html: <i :class="['cursor-pointer', {'windows' : windows}, {'mac': mac}]" @click="openProductDe...

  • css文件和js文件后面带一个问号

    前端开发前天 14:25

    经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的? 这个方法我也用过,而且很好用?,它的作用有两个:1、作为版本号,让自己方便记忆、查找;2、作为修改标签,让浏览器重新下载新文件。 其实css文件后面得问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,比如新浪、faceb...

  • CSS判断浏览器

    前端开发前天 09:11

    <!--[if lte IE 6]> <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /> <![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/...

  • CSS 清除默认样式

    前端开发前天 06:00

    CSS 清除默认样式 通常有以下几句就够了: *{ margin:; padding:} li{ list-style:none } img{ vertical-align:top; border:none } 如果你想写全也可以: /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ...

  • css3 计算属性 calc()

    前端开发前天 20:06

    .elm { width: calc(expression); } 注意事项: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算; 表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的; 表达式中...

  • css 标题三条横线

    前端开发前天 18:51

    HTML: <div class="rule-title"> <div class="menu-icon"><div> 活动*规则 <div class="menu-icon"><div> </div> CSS: .rule-title { font-weight: bold; mar...