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

1.Div盒子

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

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

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

用div做圆

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

02.详解盒子模型&选择器初识能否优化,去掉div之间的距离?margin属性

 

用表格做圆

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

 

2.CSS样式

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

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

02.详解盒子模型&选择器初识总结:需要注意的是行级标签设置宽高不会生效

 

小练习:使用span标签

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

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

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

 

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

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

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

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

 

4.ul列表样式案例

02.详解盒子模型&选择器初识02.详解盒子模型&选择器初识这个指的是标志(不严谨)

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

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

 

5.border及其属性

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

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

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

 

小练习:table

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

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

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

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

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

 

小练习:

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

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

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

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

改一下

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

 

 

上一篇:自定义table的样式


下一篇:elementUI中折叠面板箭头图标位置调整