css文件bass.css作用及好处

css文件bass.css作用及好处

一个项目的CSS最基本结构通常是由:base.css,common.css,page.css文件组成的。base.css的作用主要是重设浏览器默认样式和提供通用原子类。base.css文件一般不需维护,但要保证其可靠性。 那问什么要重置游览器默认样式呢?因为游览器对每种标签都有默认的样式,并且不同游览器在处理默认样式时显示的效果不同。 比如:l……

  • css
  • 2017-01-22 19:06:51
  • 4,139 次阅读

css3 box-sizing属性使用方法及好处

css3 box-sizing属性使用方法及好处

在盒模型中,如果我们给盒子内部的元素加入了内边距padding和边框 border后,它的总长度或者高度会增加。那么如果元素用于非常精确的布局时,我们就需要重新进行计算增减。这是比较让人麻烦的事情,但CSS3 提供了一个属性 box-sizing,这个属性可以定义元素盒子的解析方式,从而可以避免重新计算布局元素盒子增加内边距和……

  • css
  • 2017-01-14 12:45:38
  • 4,098 次阅读

css3 box-shadow属性使用方法总结

css3 box-shadow属性使用方法总结

在CSS3中,我们可以使用box-shadow属性让盒子产生阴影效果。下面介绍几点box-shadow属性的使用: ⑴使用方法:box-shadow:length length length color,前三个length分别表示文字阴影离开文字的横向距离,阴影离开文字的纵向距离和阴影的模糊半径,color表示阴影的颜色。 ⑵将参数设置为0 ①当阴影的模糊半径设定为0的时候……

  • css
  • 2017-01-14 11:24:15
  • 3,897 次阅读

Css3中text-shadow属性使用方法及各参数所代表的含义

Css3中text-shadow属性使用方法及各参数所代表的含义

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果,text-shadow在CSS2.1的时候曾被删除过的一个属性,但是又在css3.0中恢复了使用。 ①text-shadow的使用方法:text-shadow:length length length color 第一个length表示的是阴影离开文字的横向距离; 第二个length表示的是阴影离开文字的纵向的距离; 第……

  • css
  • 2017-01-14 10:04:47
  • 6,696 次阅读

css中行高line-height小知识

css中行高line-height小知识

在学html中,有次在做布局时,使用行高时,自己不明白line-height到底是哪段距离,在没查资料时,我还以为是word里的行距呢?因为我经常使用word里的行距做排版。当我上网查资料时,才明白行高和行距不是一段距离。原来行高指的是文本基线之间的垂直距离。理解这句话的意思,还得了解几个知识:顶线,中线,基线,底线之……

  • css
  • 2017-01-11 10:35:14
  • 2,938 次阅读

有关CSS网页中字体的解决方法

有关CSS网页中字体的解决方法

在网页中字体样式可分为游览器默认样式,网页定义样式,用户自定义样式。和CSS一样也是优先级的,用户自定义样式高于网页定义样式,而游览器默认样式优先级是最低的。当然最高的字体优先级是!important,所以字体的优先级顺序依次是!important,用户自定义样式,网页定义样式,游览器默认样式。 由于不同的游览器设置字体……

  • css
  • 2017-01-11 10:22:50
  • 2,840 次阅读

关于CSS布局高度自适应解决办法

关于CSS布局高度自适应解决办法

我们通常在做布局时父层是不设置高度的,我们一般情况是希望父层的高度是由子层里面的内容来决定的。但是有时候我们要给子层内容做浮动,这样的话父层高度不会被撑开,即父层的高度不随子层内容而变化。 出现这种情况的原因是子层漂浮起来了,父层还在下面,也就好说父层和子层不在同一平面内,所以父层的高度不会被撑开……

  • css
  • 2017-01-10 9:11:09
  • 2,992 次阅读