-
啊，研究了一会儿，终于看懂了。。 这个效果是这么实现的： 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio（默认样式）和span（背景为白色圆形，我们的自定义样式），但是radio不显示（因为是完全透明的） 3、被选中的单选按钮和span会显示（完全不透明），而未被选中的单选按钮不显示（因为是完全透明的） [ 收起全文 ]查看全部
-
hover选择器表示鼠标移到.nav a 这个元素上时才会出现的效果，这段语句的作用表示当鼠标移到元素上时元素才会倾斜10度。查看全部
-
CSS3选择器 :disabled选择器:disabled”选择器刚好与“:enabled”选择器相反，用来选择不可用表单元素查看全部
-
在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。 HTML代码: <form action="#"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="可用输入框" /> </div> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="禁用输入框" disabled="disabled" /> </div> </form> CSS代码： div{ margin: 20px; } input[type="text"]:enabled { background: #ccc; border: 2px solid red; }查看全部
-
五叶草Melinda “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解，换一种说法。“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。查看全部
-
: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”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词查看全部
-
list-style:type position image 分别定义列表前每个小点的图标类型、图标位置、图标图像的来源路径（系统之外的图像） text-shadow：X-offset Y-offset blur color; 文本阴影：阴影的水平偏移距离、垂直偏移距离、阴影的模糊程度、阴影颜色查看全部
-
第14行：字体大小/行间距查看全部
-
background-position:后面的第一个数确定了第一张图片位于界面的左上方，第二个数据100 px 40px表示第二张图片的位置距离左上角的点右移100px、下移40px.第三个数据200px 40px表示第三张图片相对于左上角的点右移了200px、下移了40px,每个数据都是绝对位置，都是相对于左上角的顶点的。查看全部
-
注意：gradient和（）之间不要加冒号查看全部
-
linear-gradient线性渐变 radial-gradient径向渐变查看全部
-
span { display: inline-block; width: 20px; height: 20px; background: orange; transform: translateY(90px); animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state:paused; } div:hover span/*注意此处写法*/ { animation-play-state:running; }查看全部
-
停留在最后一帧：animation-fill-mode:forwards/both查看全部
-
animation-iteration-count:infinite;无限循环查看全部
-
注意R,G,B的各个数值之间要用逗号隔开， 若想得到白色，只需把R,G,B的三个数值都设为255（max）即可查看全部
举报
0/150
提交
取消