脚本宝典收集整理的这篇文章主要介绍了前端编程笔记--CSS-03，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

1)背景：

 

背景图片：

背景图片位置

也可以写具体数值。或数值与方位名词混用，（注意顺序）

背景图片的复合写法：

2） 选择器的优先级：

 注：权重会叠加，但不会进位  https://www.bilibili.COM/video/BV14J4114768?p=135

3）盒子模型

也可以写成复合形式   border : ........... ； 三者之间用空格隔开

也可以将边框分为上下左右来写    border-上下左右 : .......

 https://www.bilibili.com/video/BV14J4114768?p=141

4）边距

内边距：

 外边距：

5）边框

圆角边框           

6）盒子阴影

6)浮动

可以用于盒子的重叠

 清除浮动(eg:不方便直接给出高度时，即高度可变时)

额外标签法：

 1 .clearfix:after{
 2             content: "";
 3             display: block;
 4             height: 0;
 5             clear: both;
 6             visibilITy: hidden;
 7         }
 8         .clearfix{
 9             *zoom: 1;
10         }

 1  .clearfix:before,
 2         .clearfix:after {
 3             content: "";
 4             display: table;
 5         }
 6 
 7         .clearfix:after {
 8             clear: both;
 9         }
10 
11         .clearfix {
12             *zoom: 1;
13         }

以上截图来自于：黑马程序员pink老师前端入门教程，零基础必看的h5(htML5)+css3+移动端前端视频教程

脚本宝典总结

以上是脚本宝典为你收集整理的前端编程笔记--CSS-03全部内容，希望文章能够帮你解决前端编程笔记--CSS-03所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。