-
使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; top:17px; right:0px; width:1px; height:15px; background:linear-gradient(to bottom, #f82f87,#A24,#f82f87); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child::after{background:none;} .nav a,查看全部
-
a href ="" 默认打开的还是当前页面，会刷新一下重新打开。 a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面，会回到页面顶部。查看全部
-
/*使用伪元素制作导航列表项分隔线*/ .nav li{background:linear-gradient(to bottom,#fff,green,pink) no-repeat right/1px 15px;} /*就是给li标签背景增加一个线性的渐变，position为右，背景大小为宽度1px,高度15px，size的信息紧跟position时需要用“/”隔开*/ /*删除第一项和最后一项导航分隔线*/ .nav li:last-child{background:none;} .nav a,查看全部
-
/*1.制作圆角*/ border-radius:10px; /*2.制作导航立体风格*/ box-shadow:0 5px #b64b41; /*3.制作导航分隔线*/ .nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;} /*4.删除第一个和最后一个导航分隔线*/ .nav li:last-child{background:none;}查看全部
-
text-decoration 属性规定添加到文本的修饰。 注释：修饰的颜色由 "color" 属性设置。 说明 这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。查看全部
-
list-style: 包含了三个属性:list-style-position、list-style-type、list-style-img。也就是说给他们分别赋值。查看全部
-
hover 选择器用于选择鼠标指针浮动在上面的元素。 提示：:hover 选择器可用于所有元素，不只是链接。 提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。 注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。查看全部
-
在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。 一.旋转 rotate 用法：transform: rotate(45deg); 共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。 二.缩放 scale 用法：transform: scale(0.5) 或者 transform: scale(0.5, 2); 参数表示缩放倍数； 一个参数时：表示水平和垂直同时缩放该倍率 两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍率。 三.倾斜 skew 用法：transform: skew(30deg) 或者 transform: skew(30deg, 30deg); 参数表示倾斜角度，单位deg 一个参数时：表示水平方向的倾斜角度； 两个参数时：第一个参数表示水平方向的倾斜角度，第二个参数表示垂直方向的倾斜角度。查看全部
-
ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。 ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。 ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。 ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。查看全部
-
scroll 默认值。背景图像会随着页面其余部分的滚动而移动。 background-attachment 属性 fixed 当页面的其余部分滚动时，背景图像不会移动。 inherit 规定应该从父元素继承 background-attachment 属性的设置查看全部
-
直接把背景图片放在cotent这个div样式里面,默认也是从padding开始显示的查看全部
-
“:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。 "only-of-type"选择器选择的是父元素中可以有多个子元素，但只有唯一的一个子元素查看全部
-
div:not([id="footer"]){}/*所有的div设置属性，除了id-“footer”的元素*/查看全部
-
:nth-of-type(){} even偶数 odd奇数 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。查看全部
-
W3C官方的说法如下: 如果 animation-direction 值是 "alternate"，则动画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放。查看全部
举报
0/150
提交
取消