-
:disabled 用来选择不可用的表单元素。查看全部
-
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
text-overflow:ellipsis;剪切 overflow:hidden;隐藏 white-space:nowrap;省略号查看全部
-
linear-gradient([设置方向]，[设置开始颜色]，[设置多种过度颜色]，[设置结束颜色]) [设置方向]:to top left 右下角到左上角； to top right 左下角到右上角； background:linear-gradient(to top left,red,blue 10%,yellow) 里面的blue 10% 代表blue在渐变位置的10%处查看全部
-
:enabled设置可用表单元素的样式 input[type="text"]:enabled{ border: 1px solid #f36; box-shadow:0 0 5px #f36; }查看全部
-
未做，mark查看全部
-
蜜汁奇葩bug 换了份前面的动画就正常了 没换前每次变化都很慢只显示半个屏幕过一会儿才全屏变背景” 这个是bug，因为动画里面没有设置transform：translateX（）这个属性，而之前用了这个属性来定位，所以执行动画的时候回覆盖掉translateX（）（因为transform的所有值都要放在一起，不然后面的transform会覆盖前面的，你在动画里面也加上“translateX()”就行了） 比如第一个100%{transform: scale(1) translateX(-50%); }，记住要每个动画都在transform属性里面加上translateX(50%)值查看全部
-
原始色：黑 演变色：红-蓝 实验结果： none:黑-红-蓝-黑 再运行 黑-红-蓝-黑 backwards:黑-红-蓝-黑 再运行 黑-红-蓝-黑 forwards：黑-红-蓝 再运行 黑-红-蓝 both:黑-红-蓝 再运行 红-蓝 none和backwards看不出区别查看全部
-
还未透彻理解伪类与伪元素，mark一下查看全部
-
表单样式美化： 状态选择器“:checked”表示的是选中状态 1、box背景色设为橙色的圆形 2、box中子元素包括单选按钮radio（默认样式）和span（背景为白色圆形，我们的自定义样式），但是radio不显示（因为是完全透明的） 3、被选中的单选按钮和span会显示（完全不透明），而未被选中的单选按钮不显示（因为是完全透明的） 不用span直接对checked更改样式：input[type="radio"]:checked { -webkit-appearance: none;//先去掉系统默认样式 ... }查看全部
-
① div宽度500=列宽x+列间距y，(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下，自定义列宽只要≤每列最大宽度z，就能保持三列的布局；【经本人测试，最大列宽是155px】 ② 宽度500不变的情况下，只要自定义列宽≤每列最大宽度z，即只要自定义列宽≤155px，无论你的列宽设置是什么数值，列宽不会发生任何变化； ③ 只有当div宽度或文本内容长度发生变化时，布局才会发生变化。 如果没有特意去设置列间距的大小，那列间距默认和字号font-size一样大小。查看全部
-
“:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。查看全部
-
“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。查看全部
-
“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。n是几就匹配倒数第几个元素。查看全部
-
媒体类型的引用方法有多种，常见的有：link标签、@import和CSS3新增的@media几种： link方法 link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。如下所示。 <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> @import方法 @import可以引用样式文件，同样也可以用来引用媒体类型。@import引入媒体类型主要有两种方式，一种是在样式中通过@import调用另一个样式文件；另一种方法是在<head></head>标签中的<style></style>中引入，但这种使用方法在IE6~7都不被支持，如样式文件中调用另一个样式文件时，就可以指定对应的媒体类型。 @import url(reset.css) screen; @import url(print.css) print; 在<head>中的<style>标签中引入媒体类型方法。 <head> <style type="text/css"> @import url(style.css) all; </style> </head> @media方法 @media是CSS3中新引进的一个特性，被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。 （1）在样式文件中引用媒体类型： @media screen { 选择器{/*你的样式代码写在这里…*/} } （2）使用@media引入媒体类型的方式是在<head>标签中的<style>中引用。 <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>查看全部
举报
0/150
提交
取消