码迷,mamicode.com
首页 > 其他好文 > 详细

02.详解盒子模型&选择器初识

时间:2020-02-05 18:07:49      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:border   code   练习   table   属性   选择   png   black   src   

1.Div盒子

技术图片技术图片

技术图片

技术图片技术图片

用div做圆

技术图片

技术图片能否优化,去掉div之间的距离?margin属性

?

用表格做圆

技术图片技术图片

?

2.CSS样式

技术图片

技术图片

技术图片总结:需要注意的是行级标签设置宽高不会生效

?

小练习:使用span标签

技术图片

技术图片

技术图片

?

3.CSS选择器演示及其优先级

技术图片

技术图片技术图片

体现在诗的第二句和第三句中

?

4.ul列表样式案例

技术图片技术图片这个指的是标志(不严谨)

技术图片

技术图片

?

5.border及其属性

技术图片

技术图片技术图片

技术图片

?

小练习:table

技术图片

技术图片

border-collapse: collapse;/*合并线宽:默认是分离的separate*/重点

技术图片

技术图片

?

小练习:

技术图片

技术图片技术图片

技术图片技术图片

技术图片

改一下

技术图片技术图片

?

?

02.详解盒子模型&选择器初识

标签:border   code   练习   table   属性   选择   png   black   src   

原文地址:https://www.cnblogs.com/huadaxia/p/12264457.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!