css02
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css02,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2025字,纯文字阅读大概需要3分钟。
内容图文
![css02](/upload/InfoBanner/zyjiaocheng/395/613b63f10f6440f8a357abc739ef69cb.jpg)
2、外边距:margin:取值:①top(上) right(右) bottom(下) left(左);②value:一个值,四个方向相同;③top/bottom(上/下) left/right(左/右):上下一致,左右一致;④auto:左右水平居中,上下无效(前提必须设置宽度);
3、外边距合并:两个垂直外边距相遇,形成一个外边距,以值大者为主;
4、外边距溢出:父子元素,设置子元素上下外边距,结果导致作用于父元素上(父元素无边框,且设置第一个子元素时产生);解决:①父元素设置上下边框;②给父元素设置内边距,取代子元素的外边距;③父元素添加空table作为第一个子元素;
5、内边距:padding:取值:①top(上) right(右) bottom(下) left(左);②value:一个值,四个方向相同;③top/bottom(上/下) left/right(左/右):上下一致,左右一致;* 行内元素的内边距不影响其他元素;
6、背景:①背景色:background-color;②背景图片:background-image:url(相对路径);③背景平铺:background-repeat:a、repeat:默认,水平垂直都平铺;b、no-repeat:不平铺;c、repeat-x:水平平铺;d、repeat-y:垂直平铺;④背景尺寸:background-size:a、取值/百分比;b、cover:扩大背景图至完全覆盖;c、contain:背景图扩大至一边适应;⑤背景固定:background-attachment:a、scroll:默认,滚动;b、fixed:固定,背景不随滚动条改变;⑥背景定位:background-position:x(值正右偏移/横向关键字) y(值正下偏移/纵向关键字)⑦Sprites图:将所需图像移至sprites图左上角;⑧背景综合:background:color url() repeat attachment position;
7、渐变:①线性渐变:background-image:linear-gradient(angle(方向,关键字或角度),color-point1(变化颜色,颜色 位置),color-point2……);②径向渐变:background-image:radial-gradient(【size at position】(半径at圆心位置),color-point1(颜色 位置/占比),color-point2……);③重复线性渐变:background-image:repeating-linear-gradient(angle,color-point);* color-point:位置一定要给绝对的数值(px),不要给相对 %;
8、版本兼容性:在取值渐变函数前添加兼容前缀,①Firefox:火狐,-moz-;②Chrome:谷歌,-webkit-;③Opera:欧朋,-o-;④IE:Internet Explorer,-ms-;
内容总结
以上是互联网集市为您收集整理的css02全部内容,希望文章能够帮你解决css02所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。