1.什么是盒子模型?盒子模型的属性有哪几个?它们的作用分别是什么?
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。
每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。
盒子模型边框(border)
属性:border-width(设置边框宽度)|border-style(设置边框样式)|border-color(设置边框颜色)
边框有四条边,单独设置某条边(top|right|bottom|left)
2.盒子模型有哪几种解析方式?它们有什么区别?
盒子有两种解析方式:
当我们在样式表输入box-sizing时,会显示border-box和content-box,第一种是边框盒子尺寸,第二种是内容尺寸
当我们给一个元素设置尺寸时,默认设置的是元素内容的尺寸,也就是content-box,这种在后期布局时会有很多不便
而当我们用border-box时,我们设置的尺寸实际等于:内容尺寸+两边的内边距+两边的边框宽度
3.制作北大青鸟网站的中心开班信息模块。
1.什么是盒子模型?盒子模型的属性有哪几个?它们的作用分别是什么?
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。
每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。
盒子模型边框(border)
属性:border-width(设置边框宽度)|border-style(设置边框样式)|border-color(设置边框颜色)
边框有四条边,单独设置某条边(top|right|bottom|left)
2.盒子模型有哪几种解析方式?它们有什么区别?
盒子有两种解析方式:
当我们在样式表输入box-sizing时,会显示border-box和content-box,第一种是边框盒子尺寸,第二种是内容尺寸
当我们给一个元素设置尺寸时,默认设置的是元素内容的尺寸,也就是content-box,这种在后期布局时会有很多不便
而当我们用border-box时,我们设置的尺寸实际等于:内容尺寸+两边的内边距+两边的边框宽度
3.制作北大青鸟网站的中心开班信息模块。
1.什么是盒子模型?盒子模型的属性有哪几个?它们的作用分别是什么?
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。
每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。
盒子模型边框(border)
属性:border-width(设置边框宽度)|border-style(设置边框样式)|border-color(设置边框颜色)
边框有四条边,单独设置某条边(top|right|bottom|left)
2.盒子模型有哪几种解析方式?它们有什么区别?
盒子有两种解析方式:
当我们在样式表输入box-sizing时,会显示border-box和content-box,第一种是边框盒子尺寸,第二种是内容尺寸
当我们给一个元素设置尺寸时,默认设置的是元素内容的尺寸,也就是content-box,这种在后期布局时会有很多不便
而当我们用border-box时,我们设置的尺寸实际等于:内容尺寸+两边的内边距+两边的边框宽度
3.制作北大青鸟网站的中心开班信息模块。
4.制作商品分类列表页面
5.制作权威课程免费体验登录页面。