!important声明强制优先

!important声明强制优先

CSS优先级中还有一个最无敌的声明,就是!important。 在CSS样式表中,带有!important声明的样式优先使用,它的优先级会超越任何地方、任何方式的样式声明,包括行内syle属性中声明的样式。 比如下面代码: div{color: red !important} <div style=“color: blue”> 这里div里面的字体颜色在浏览器中显示为红色字体……

  • css
  • 2021-09-04 21:04:15
  • 1,127 次阅读

wordpress主题中css样式及js引用方法

wordpress主题中css样式及js引用方法

在制作wordpress模板时,如何正确引用css样式及js效果是至关重要的。一旦我们在引用css或者是js的时候,路径没有写对,那么页面上就不能够加css载样式或者说就没有js动态效果。博主在刚接触wordpress的时候,对这一块也是迷糊,时常会出现引用错误的时候。但随着自己的不断学习与实践,已经能够正确掌握了。那就把握我知……

  • css
  • 2019-03-10 9:53:05
  • 3,386 次阅读

css中的counter-increment属性

css中的counter-increment属性

有些情况下需要将网页中的最新排行或者是点击排行靠前的几篇文章用项目序号标注出来。比如说,给10篇文章加上1-10的项目序号,并且在前三篇文章前标注红色的颜色,方便用户阅读。可能有很多方法去完成,有的人会使用额外标签添span或者i内添加数字用css样式控制,还有人会用伪元素before与额外标签结合使用等情况。 最近……

  • css
  • 2019-02-23 19:18:00
  • 3,059 次阅读

CSS浮动和定位理论知识

CSS浮动和定位理论知识

浮动是CSS布局中重要理论,在网页中大部分采用浮动来达到分栏的效果。CSS网页布局采用两种方式,一种是浮动布局,另一种则是定位布局。 在浮动和定位之前,我们先了解什么是文档流?文档流是浏览器解析网页的一个重要概念,对于一个html网页,body元素下的任意元素,根据其前后顺序,组成组成一个个上下关系,这便是文档流……

  • css
  • 2017-12-28 21:08:18
  • 3,203 次阅读

设置水平和垂直居中有哪几种方法

设置水平和垂直居中有哪几种方法

在做网站布局时,很多情况下要实现元素区块的水平或垂直居中。但有时设置了居中的方法并不起作用,这可能是我们对css居中的知识没有完全掌握。css的居中有多种方式,下面就具体介绍。 1.水平居中 (1)文本、图片等行内元素的水平居中 直接给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。 (2)……

  • css
  • 2017-04-16 10:27:59
  • 4,357 次阅读

奇妙的relative和 absolute及float属性

奇妙的relative和 absolute及float属性

在网页中relative,absolute和float这三个属性用处非常广,不论是滚动的banner,还是能够切换的选项卡都会有relative,absolute和float这三个属性当中的一个。下面就分别来看看它们之间的区别: position:relative和position:absolute都可以改变元素在文档流中的位置,并且都可以让元素激活left、top、right、bottom和z-i……

  • css
  • 2017-04-13 21:15:08
  • 3,086 次阅读

怎样使用伪类元素给导航添加二级菜单

怎样使用伪类元素给导航添加二级菜单

①利用relative给一级菜单中的li标签确定相对位置; ③使用absolute给二级菜单ul标签确定绝对位置并注意图像z-index层叠关系; ④通常情况一级菜单里的li标签做float,使其导航横排,而二级菜单不做浮动,使其竖排;如果菜单使用inline-block元素,li标签就不用做浮动了; ⑤使用display:none隐藏二级菜单中的ul(包括里面的l……

  • css
  • 2017-04-01 21:44:35
  • 2,960 次阅读

rgba和opacity有什么区别

rgba和opacity有什么区别

在制作js幻灯片时看到了轮播数字raba属性的用法,忽然想到了以前用到的opacity这个属性,我就想它们都可以设置透明度,究竟有什么区别呢?我就看了一些资料,总结了一点。具体内容如下: 语法:opacity: value|inherit; 使用说明 value:指定不透明度。从0.0(完全透明)到1.0(完全不透明) inherit:Opacity属性的值应该……

  • css
  • 2017-03-06 21:54:21
  • 3,669 次阅读

css颜色和度量单位

css颜色和度量单位

我们在做网页布局时经常会设置颜色和长度单位。颜色主要有三种形式:颜色名称、十六进制代码和十进制代码。大多情况我们选择用英文单词或者是16进制来设置字体或背景颜色,当然十进制和16进制能够相互转换,可以通过photoshop或者在线转化工具来实现。度量单位也是网页设计比较重要一部分,在CSS中长度单位分为绝对长度和……

  • css
  • 2017-02-09 18:15:30
  • 3,756 次阅读

如何更好得理解position属性

如何更好得理解position属性

在我们制作网页布局时很多情况要使用position属性。它主要有absolute,solution,static和fixed四个属性值,其中static是默认值,在不写position属性时默认情况下就是static,它遵循正常的文档流对象,会占用文档空间,并且在该属性下,top,right,bottom,left,z-index等属性都是是无效的。 absolute称为相对定位,它是以自……

  • css
  • 2017-01-24 21:39:24
  • 2,881 次阅读

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
  • 3,932 次阅读

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

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

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

  • css
  • 2017-01-14 12:45:38
  • 3,881 次阅读

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,729 次阅读

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,242 次阅读

css中行高line-height小知识

css中行高line-height小知识

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

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

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

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

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

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

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

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

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

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