首页 > 其他 > 详细

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

时间:2020-02-05 20:50:12      阅读:101      评论:0      收藏:0      [点我收藏+]

1.Div盒子

技术分享图片技术分享图片

技术分享图片

技术分享图片技术分享图片

用div做圆

技术分享图片

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

?

用表格做圆

技术分享图片技术分享图片

?

2.CSS样式

技术分享图片

技术分享图片

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

?

小练习:使用span标签

技术分享图片

技术分享图片

技术分享图片

?

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

技术分享图片

技术分享图片技术分享图片

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

?

4.ul列表样式案例

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

技术分享图片

技术分享图片

?

5.border及其属性

技术分享图片

技术分享图片技术分享图片

技术分享图片

?

小练习:table

技术分享图片

技术分享图片

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

技术分享图片

技术分享图片

?

小练习:

技术分享图片

技术分享图片技术分享图片

技术分享图片技术分享图片

技术分享图片

改一下

技术分享图片技术分享图片

?

?

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!