第38页
  • CSS3 transition过渡效果(变形、变色、旋转、停顿时间)

    CSS3 transition过渡效果(变形、变色、旋转、停顿时间)

    三个案例,分别用transition实现了变色 变形 旋转以及停顿时间。直接分享代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>菜鸟教程(runoob.com)</title> <style>&n...

  • CSS3 : last-child 选择器 - 可指定属于其父元素的最后一个子元素,为其单独添加属性

    CSS3 : last-child 选择器 - 可指定属于其父元素的最后一个子元素,为其单独添加属性

    last-child:指定属于其父元素的最后一个子元素的 p 元素的背景色:p:last-child{  background:#ff0000; }所有主流浏览器均支持 :last-child 选择器,除了 IE8 及更早的版本。注::last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。提示:p:last-child 等同于 p:nth-last-child(1)。...

    CSS学习 1年前 482 0 last-child
  • 《:last-child》有间隙的区块/图片横排,右侧去除间隙最简单方法

    《:last-child》有间隙的区块/图片横排,右侧去除间隙最简单方法

     此类情况下,一般每个区块或者图片的间隔,都会使用margin-right: 20px;类似的方法,但最右侧的一个区块/图片要求与显示区域无间隔,这时候最简单的方法就是使用:last-child,意为最后:指定属于其父元素的最后一个子元素.  也就是指定最后一个区块/图片,针对性的设置margin-right: 0; 即可代表去除了最后一个区块的右侧距。下面看实际案例代码:HTML代码:<d...

    CSS学习 1年前 474 0 last-child
  • 纯CSS下拉展示(下拉菜单)

    纯CSS下拉展示(下拉菜单)

    相关:《jQuery 鼠标触发下拉菜单》昨天写了一个新的CSS,如图所示,使用纯CSS实现,我个人不是很擅长JS,所以纯CSS也是不得已。HTML代码:<span class="cai">商品互踩群       <div class="qun">    ...

  • CSS :after选择器

    CSS :after选择器

    本次分享下CSS中很重要的:after选择器,与上一篇《CSS :before 选择器》差不多,before是在之前插入新内容,而after是插入元素之后。在每个 <p> 元素的内容之后插入新内容:p:after{  content:"台词:"; }:after 选择器在被选元素的内容后面插入内容。请使用 content 属性来指定要插入的内容。在每个 <p> 元素后面插入内容,...

    CSS学习 1年前 446 0 after
  • CSS :before 选择器

    CSS :before 选择器

    在每个 <p> 元素的内容之前插入新内容:p:before{  content:"台词:"; } before意思就插入元素之前,可以是文字可以是背景图片,可以是任何,加入其它属性也可以。:before 选择器在被选元素的内容前面插入内容。请使用 content 属性来指定要插入的内容。在每个 <p> 元素前面插入内容,并设置所插入内容的样式:p:before{  c...

    CSS学习 1年前 427 0 before
  • background-size背景图片尺寸属性

    background-size背景图片尺寸属性

    background-size语法w3c对background-size的语法规定如下:属性名:background-size属性值:<bg-size>* 其中 bg-size = [ <length> | <percentage> | auto ]{1,2} | cover | contain初始值:auto auto应用于:所有元素继承性:无百分比:见下文注解计算值:根据指定语法解释1、lengt...

    CSS学习 1年前 387 0 background
  • !important在CSS中强调,CSS权重值最高

    !important在CSS中强调,CSS权重值最高

    我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。如下代码:p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>这时 p 段落中的文本会显示的red红色...

    CSS学习 1年前 413 0
  • 标签CSS的权值

    标签CSS的权值

    有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}  .first{color:green;}  <p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏...

    CSS学习 1年前 336 0
  • CSS类和ID选择器的区别

    CSS类和ID选择器的区别

    学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点:相同点:可以应用于任何元素不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。下面代码是正确的: <p>三年级时,我还是一个<span class="stress"...

    前端技术 1年前 410 0
展开