-
“
:only-child
”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。查看全部 -
记录记录记录
查看全部 -
CSS3 first-of-type选择器
前面写要改变样式的元素
查看全部 -
CSS3 结构性伪类选择器—target
查看全部 -
/*使用伪元素制作导航列表项分隔线*/
li::after{
content:"|";
position:absolute;
right:0px;
}查看全部 -
CSS3背景 multiple backgrounds
注意背景的margin
查看全部 -
CSS3背景 multiple backgrounds
查看全部 -
CSS3背景 background-size
查看全部 -
需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
查看全部 -
CSS3文字与字体 text-overflow 与 word-wrap
查看全部 -
CSS3颜色 渐变色彩
查看全部 -
CSS3边框 为边框应用图片 border-image
查看全部 -
多重背景图:
注意:
用逗号隔开每组 background 的缩写值;
如果有 size 值,需要紧跟 position 并且用 "/" 隔开;
如果有多个背景图片,而其他属性只有一个(例如 background-repeat 只有一个),表明所有背景图片应用该属性值。
background-color 只能设置一个。
查看全部 -
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
background-size: auto | <长度值> | <百分比> | cover | contain
1、auto:默认值,不改变背景图片的原始高度和宽度;
2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
查看全部 -
用来将背景图片做适当的裁剪以适应实际需要。
background-clip : border-box | padding-box | content-box | no-clip
参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。
backgroud-clip
默认值为border-box。查看全部
举报